/*.slideShow {
    border: 3px solid red;
    position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
  background-color: rgb(0, 0, 0);
  color: aliceblue;

  align-items: center;

  }

.animateFading {
    animation:fading 10s infinite
}
@keyframes fading {
    0%{opacity:0}50%{opacity:1}100%{opacity:0}
    }*/

    /*.slideShow {
        position: relative;
        width: 100%;
        margin: 0 auto;
        background-color: rgb(0, 0, 0);
        color: aliceblue;
      }*/

      /*.slideShow {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        background-color: rgb(0, 0, 0);
        background-image:url(../Img/TacoSaladBackground2.png) ;
        color: aliceblue;
    }*/

    .slideShow {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        background-color: rgb(0, 0, 0);
        background-image: url('../Img/TacoSaladBackground.png');
        background-size: cover; /* Ensures the background image covers the entire container */
        background-position: center; /* Centers the background image */
        background-repeat: no-repeat; /* Prevents the background image from repeating */
        color: aliceblue;
    }
      
      .slideShowTitle {
        text-align: center;
        /*margin-bottom: 20px;*/
        font-size: max(1.3rem, 1.2vw);
        /*font-size: 2.1em;*/
        color: tomato;
      }

      .slide {
        /*border: 3px solid red;*/
        max-width: 1500px;
        position: relative;
        width: 100%;
      }
      
      .mySlides {
        width: 100%;
        height: auto;
      }
      
      .textOverlay {
        position: absolute;
        bottom: 10%;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        width: 80%;
        font-size: max(1.2rem, 2vw);
        color: tomato;
      }
      
      .animateFading {
        animation: fading 10s infinite;
      }
      
      @keyframes fading {
        0% { opacity: 0; }
        50% { opacity: 1; }
        100% { opacity: 0; }
      }
      
      