/* carrusel-container*/
.mySlides {
    display: none;
}

.mySlides img {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translate(-50%);
  max-width: 340px;
  max-height: 400px;
  border-radius: 8px;
}

.img {
  vertical-align: middle;
  block-size: auto;
}

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

@media all and (min-width: 712px) {
  .mySlides img {
    top: 90px;
    max-width: 380px;
    max-height: 470px;
    border-radius: 8px;
  }
}