.wp-block-firsttracks-page-section.is-section-hero,
.wp-block-firsttracks-page-section.is-hero-section {
    border-bottom-color: var(--stroke);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;

    padding-top: 0;
    --block-gap: 0;

    & .is-section-hero-gallery {
        --block-gap: 0;

        & figure img {
            width: 100%;
        }
    }

    & .wp-block-heading {
        padding: 0;
    }

    & .is-style-product-image {
        background-color: var(--lightest-grey);
        min-height: 100%;
    }

    & .wp-block-column:first-child {
        --block-gap: 1.5rem;
        padding-bottom: 2rem;
        padding-left: 0;
        padding-right: 0;
        padding-top: 2rem;
    }
}

@media (min-width: 87.5rem) {

    .wp-block-firsttracks-page-section.is-section-hero,
    .wp-block-firsttracks-page-section.is-hero-section {
        
        & .wp-block-column:first-child {
            padding: 6rem;
        }
    }
}

& .is-section-hero .wp-block-columns:not([class="alignfull"]) .wp-block-column:first-of-type {

    /* & .wp-block-group:not([class="alignfull"]) { */
    padding-left: 2rem;
    padding-right: 2rem;

    /* @media screen and (min-width: 1400px) {
            padding-left: 0;
            padding-right: 0;
        } */
}

.is-section-hero .is-hero-gallery .wp-block-image.size-full > img {
    display: block;
    height: auto;
    object-fit: cover;

    /* height: 100%;
    max-height: 711px;
    width: auto; */
    width: 100%;
}

.is-section-hero .is-hero-gallery .wp-block-image img {
    aspect-ratio: attr(width) / attr(height); /* fallback support if missing */
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}