/* ===== Testimonials Mohammed Ayoub / Banner (copy of the Elodie banner CSS) =====
   One full-bleed photo between Content 1 and Content 2. Static on live: no parallax, no reveal, no hover. */

/* ---------- Desktop (>= 1440, base) ---------- */
.nf-page > section.nf-ay-banner {
  flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 2880 / 1128; min-height: 0; /* min-height 0: Safari 27 otherwise grows this flex item to the loaded image's natural height (2896px) */
  position: relative; overflow: visible;
}
.nf-ay-banner__fill {
  display: block; position: absolute; inset: 0; border-radius: inherit;
}
.nf-ay-banner__img {
  display: block; width: 100%; height: 100%; border-radius: inherit;
  object-fit: cover; object-position: center;
}

/* ---------- Tablet (810 to 1439.98): fixed 810 x 401, centred by the page column ---------- */
@media (min-width: 810px) and (max-width: 1439.98px) {
  .nf-page > section.nf-ay-banner { aspect-ratio: unset; width: 810px; height: 401px; }
}

/* ---------- Phone (<= 809.98): 16 / 9 like Elodie, photo cropped to cover ---------- */
@media (max-width: 809.98px) {
  .nf-page > section.nf-ay-banner { aspect-ratio: 1.7777777777777777; height: auto; }
}