/* ============================================================
   Content section
   (Image ordering: on mobile the image sits directly under the H2,
    before the text; on wide desktop it also follows the H2.)
   ============================================================ */
.content-section .content-section__img { order: 0; }

/* On >1440px the spec wants image after the H2 heading — which is the
   natural DOM order here, so no reordering needed. */
@media (min-width: 1440px) {
  .content-section__img img { aspect-ratio: 16 / 7; }
}