/* blocks/content-section/content-section.css
   Pattern: H2 (outside, in section) -> image -> intro -> H3 structure.
   Image placement is identical on mobile and desktop per spec (always right
   under the H2, before the body text), so no reordering media queries are
   required. Vertical spacing between h2 / media / body / paragraphs / h3 is
   handled centrally by the owl-selector rhythm rules in css/global.css. */

.content-section__media {
  border-radius: var(--radius-card);
  overflow: hidden;
  aspect-ratio: 21 / 9;
}

.content-section__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}