.content-section {
  padding-block: clamp(0.75rem, 1.75vw, 1.25rem);
}

.content-section__img {
  width: 100%;
  border-radius: var(--radius-card);
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: var(--space-h2-text);
}

/* Mobile-first: image already sits after H2 (before text). */

/* Desktop (>1440px): image after H2, before text as well but full width. */
@media (min-width: 1441px) {
  .content-section__img {
    aspect-ratio: 21 / 9;
  }
}

.content-section__body h3 {
  margin-top: var(--space-paragraph);
  margin-bottom: var(--space-h3-text);
}

.content-section__body p:last-child {
  margin-bottom: 0;
}