/* Intro split — YMCA Midsize 2026 */

.bmg-intro-split .wp-block-image img {
    display: block;
}

/* Mobile: the hero runs edge-to-edge with no bottom padding of its own, so this
   section's 65px top padding is the entire seam under it and reads as a float.
   Padding is inline on the block markup, so this needs !important. */
@media (max-width: 768px) {
    .bmg-intro-split {
        padding-top: 40px !important;
    }
}

@media (max-width: 500px) {
    .bmg-intro-split__photos {
        flex-direction: column;
    }
    /* shrink the photos so the left/right stagger reads with whitespace around it
       (at the full 292px they nearly fill the column and the offset is lost) */
    .bmg-intro-split__photos figure img {
        width: 200px !important;
        height: 186px !important;
    }
    .bmg-intro-split__photos figure:first-child {
        align-self: start;
    }
    .bmg-intro-split__photos figure:last-child {
        align-self: end;
        margin-top: 0 !important;
    }
}