/* Only /honig/: match homepage image sizing and spacing.
   Existing grid areas, image alignment, floats and breakpoints stay in honig.css. */
@media (min-width: 57.001rem) {
    body main #Info > :is(a, div) > img,
    body main #Info > :is(a, div) > picture.responsive-image > img {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 41rem) {
    /* Keep the existing right-floating images alongside their text. */
    body main #Info > :is(a, div) > img,
    body main #Info > :is(a, div) > picture.responsive-image > img {
        margin-left: clamp(1.25rem, 3vw, 2.5rem);
    }

    /* The introduction already has a centered image above its heading. */
    body main #Info .honey-intro-block > img,
    body main #Info .honey-intro-block > picture.responsive-image > img {
        width: min(22rem, 100%);
        max-width: 100%;
        height: auto;
        margin: 0 auto 1rem;
    }
}