@keyframes fadeInOutSlider {
    0% {
      opacity:1;
    }
    19% {
      opacity:1;
    }
    24% {
      opacity:0;
    }
    96% {
      opacity:0;
    }
    100% {
      opacity:1;
    }
  }

  
  .slideshowContainer {
    position:relative;
    width:100%;
    height:100%;     
    overflow: hidden;
  }
  .slideshowContainer img {
    position:absolute;
    left:0;
    width: 100%;
  }
  
  .slideshowContainer img {
    animation-name: fadeInOutSlider;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 28.4s;
    width:100%;
    height:100%;   
    object-fit: cover;
    object-position: center;
    background-size: cover;
  }

  .slideshowContainer img:nth-of-type(1) {
    animation-delay: 24s;
  }
  .slideshowContainer img:nth-of-type(2) {
    animation-delay: 20s;
  }
  .slideshowContainer img:nth-of-type(3) {
    animation-delay: 16s;
  }
  .slideshowContainer img:nth-of-type(4) {
    animation-delay: 12s;
  }
  .slideshowContainer img:nth-of-type(5) {
    animation-delay: 8s;
  }
  .slideshowContainer img:nth-of-type(6) {
    animation-delay: 4s;
  }
  .slideshowContainer img:nth-of-type(7) {
    animation-delay: 0;
  }
  
  .slideshowContainerLug1 {
    position:relative;      
  }

  .slideshowContainerLug1 img {
    animation-name: fadeInOutSliderLug1;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 12s;      
    object-fit: cover;
    object-position: center;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: absolute;
  }

  .slideshowContainerLug1 img:nth-of-type(1) {
    animation-delay: 8s;
  }
  .slideshowContainerLug1 img:nth-of-type(2) {
    animation-delay: 4s;
  }
  .slideshowContainerLug1 img:nth-of-type(3) {
    animation-delay: 0s;
  }


  .slideshowContainerLug2 {
    position:relative;      
  }

  .slideshowContainerLug2 img {
    animation-name: fadeInOutSliderLug2;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;      
    object-fit: cover;
    object-position: center;
    background-size: cover;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    display: block;
    position: absolute;
  }

  .slideshowContainerLug2 img:nth-of-type(1) {
    animation-delay: 6s;
  }
  .slideshowContainerLug2 img:nth-of-type(2) {
    animation-delay: 2s;
  }