/**
 * Hero image sizing for design/sections/sidbild.section.json.
 *
 * WHY THIS IS NEEDED AND WAS NOT OBVIOUS: sidbild emits its <figure>/<img>
 * through a wp:html block, so WordPress never registers a core/image block on
 * the page and therefore never enqueues the block stylesheet that normally
 * supplies `max-width:100%; height:auto` for .wp-block-image img. The markup
 * looked byte-identical to the prose render, but the CSS that made it behave
 * came from a stylesheet loaded only when a real image block is present.
 *
 * Without this, the img rendered at its intrinsic width attribute — 800px
 * inside a 390px viewport, i.e. 430px of horizontal page scroll.
 *
 * Keep width/height attributes on the element: they reserve aspect ratio and
 * prevent layout shift. `height:auto` is what stops the fixed height attribute
 * from distorting the image once width is constrained.
 */

.smedja-framed img,
.dw-band--prose figure.wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}