/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  padding: 15px;
  text-align: center;
}

.mySlides {
  display: none;
}

.mySlides img{
  display: block;
  max-width: 100%;
  margin: auto;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.mySlides img:hover{
  -webkit-filter: none;
  filter: none;
  transition: filter .5s;
}

@media only screen and (max-width: 1200px) {
  .color img{
    -webkit-filter: none;
    filter: none;
  }
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

.fade:not(.show) {
    opacity: 100%; 
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}