@media screen and (max-width: 900px) {
  .video-container {
      height: auto; /* Utiliser 'auto' pour ajuster la hauteur en fonction de la largeur */
      width: 100%;
      position: relative;
  }
  .video-container video {
      width: 100%; /* Utiliser '100%' pour que la vidéo occupe toute la largeur du conteneur */
      height: 100%; /* Utiliser '100%' pour que la vidéo occupe toute la hauteur du conteneur */
      position: absolute;
      object-fit: cover; /* Pour conserver les proportions de la vidéo */
      z-index: 0;
  }
}
@media screen and (max-width: 900px) {
  .video-container {
      width: 100%;
      position: relative;
      overflow: hidden; /* Ajout de cette propriété pour éviter tout débordement de la vidéo */
  }
  .video-container video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
  }
}