/* MP Slider - Mondo Presepi
   aspect-ratio riserva lo spazio prima che l'immagine arrivi: senza, il
   carosello nasce alto zero e spinge la pagina in giu' al caricamento (CLS).
   I due rapporti corrispondono alle misure dichiarate nel modulo:
   desktop 1920x700, mobile 1000x750 (4:3). */

.mp-slider {
  margin-block-end: 1.5rem;
}

.mp-slider__link {
  display: block;
}

.mp-slider__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1920 / 700;
  object-fit: cover;
}

@media (max-width: 767px) {
  .mp-slider__img {
    aspect-ratio: 4 / 3;
  }

  /* Nessuna immagine mobile caricata: meglio la panoramica intera e bassa
     che un ritaglio 4:3 che taglierebbe il 41% della larghezza. */
  .mp-slider__img--nomobile {
    aspect-ratio: 1920 / 700;
  }
}