.homepage-hero {
    .wp-block-buttons {
        justify-content: start !important;
    }
    .wp-block-cover {
        align-items: flex-end;
        padding-bottom: 55px;
    }
    img {
        object-position: 0 30% !important;
    }
}

/* On mobile the hero should fill the viewport below the sticky header.
   header-offset is the negative header height, so adding it subtracts it. */
@media (max-width: 781px) {
    .homepage-hero .wp-block-cover.is-style-responsive-min-height {
        min-height: calc(100vh + var(--wp--custom--spacing--header-offset)); /* fallback for browsers without dvh */
        min-height: calc(100dvh + var(--wp--custom--spacing--header-offset));
    }
}