Same image set rendered twice: mobile swiper (d-lg-none) and desktop A/B/C grid (d-none d-lg-block).
Desktop rows by position: 1-2 -> row A (flex+narrow), 3-5 -> row B, 6-7 -> row C (narrow+flex).
{data -> f:render.text(field: 'subheader')}
{data -> f:render.text(field: 'header')}
aria-hidden: the mobile slider above already exposes the same
images to assistive tech with proper semantics (role=region +
label) — this grid is a pure visual/desktop-only re-layout of
the same set, so without this, screen reader users would get
every image announced twice regardless of viewport.