/* Nascondi il video sui dispositivi mobili e mostra lo slider */
@media screen and (max-width: 1023px) {
  .video-container {
      display: none;
  }

  .slider-container {
      display: block;
  }
}

/* Mostra il video sui desktop e nascondi lo slider */
@media screen and (min-width: 1024px) {
  .video-container {
      display: block;
  }

  .slider-container {
      display: none;
  }
}

.slider-container .image-container {
  display: flex; /* Usa flexbox per centrare l'immagine */
  justify-content: center; /* Centra l'immagine orizzontalmente */
  align-items: center; /* Centra l'immagine verticalmente */
  overflow: hidden; /* Nasconde la parte dell'immagine che esce dal contenitore */
  height: 100%; /* Imposta l'altezza del contenitore dell'immagine */
}

.slider-container .image {
  max-width: 100%; /* Massima larghezza dell'immagine al 100% del suo contenitore */
  max-height: 100%; /* Massima altezza dell'immagine al 100% del suo contenitore */
  object-fit: cover; /* Assicura che l'immagine copra l'intera area senza perdere le proporzioni */
}