/* Conteneur du Carrousel : 
  + 100% de la page 
  + masquer les débordements */
.content__moviesalaune{
    width: 100%;
    height: 150px;
    overflow: hidden;
}

/* + Contexte de formatage permettant aux enfants de se positionner les uns à côté des autres 
  + transition
  + animation */
.moviesalaune__template {
  display: flex;
  transition: all .5s;
  animation: sliderCss 10s ease-in-out alternate infinite;
}

/* Dimensionner chaque slide  */
.moviesalaune__template-img{
  flex: 0 0 auto; /* auto fait référence au width de l'élément*/
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}

@keyframes sliderCss {
  0% {
    transform: translateX(0);
  }
  33.3% {
    transform: translateX(-100%);
  }
  69.6% {
    transform: translateX(-200%);
  }
  100%{
    transform: translateX(-300%);
  };
}

@media (min-width: 60em) {
  .content__moviesalaune{
    height: 500px;
  }
}