/* Slideshow container */
.slideshow-container .mySlides img {
  width: 100%;
  max-width: 800px;
  max-height: 350px;
  position: relative;
  overflow: hidden;
}

.mySlides {
  display: none;
  
}
    
#slideshow-container img {
  vertical-align: middle;
  position: relative;
  width: 100%;
  
  
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 5s;
}
  
@keyframes fade {
  from {opacity: .5} 
  to {opacity: 1}
}