/* content-section.css — H2 + image + text block.
   Image sits right after H2 on every breakpoint (full, not cropped). */
.content-section__body { margin-top: var(--space-h2-text); }
.content-section .content-section__img + .content-section__body { margin-top: 0; }

/* Full display of images that follow an H2: never crop. */
.content-section__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: contain;
  background: var(--color-bg-dark);
}

@media (min-width: 1024px) {
  .content-section__img { max-height: 620px; }
}