.hero-banner-image-wrap {
    width: 683px;
    height: 530px;
}

/* Tablet: 768px–1728px — fluid image with aspect ratio */
@media (max-width: 1728px) {
    .hero-banner-image-wrap {
        flex: 1;
        width: auto;
        height: auto;
        aspect-ratio: 683 / 530;
    }
}

/* Mobile: <768px — full width, stacked above content */
@media (max-width: 767px) {
    .hero-banner-image-wrap {
        flex: none;
        width: 100%;
        order: -1;
    }
}