.slideshow-container {
  position: relative;
  margin-left: -.75rem; /* The width of the slideshow with bulma */
  margin-right: -.75rem;
  margin-top: -7.5rem;
  z-index: 1;
}

.mySlides {
  display: none;
}

.mySlides img {
 width: 100vw;
 height: 60vh;
 object-fit: cover;
}

.fade {
  animation-name: animDav;
  animation-duration: 2s;
}

@keyframes animDav {
  from {
    opacity: .4;
    margin-right: 8rem;
    margin-left: 8rem;
  }
  to {
    opacity: 1;
    margin-right: 0;
    margin-left: 0;
  }
}
/** Quand l'écran est inférieur à 1051px */
@media screen and (max-width: 1051px) {
  .slideshow-container {
    margin-top: -3rem;
  }
}