.block-page-hero-four.hero-section {
    --hero-section-height: unset;
    --hero-content-position: relative;
    --hero-content-height: 30vh;
    --hero-content-padding: var(--spacing-40) 0;
    --hero-content-align-items: end;
}
.block-page-hero-four.hero-section .breadcrumb {
    --bs-breadcrumb-margin-bottom: var(--spacing-24)
}
@media screen and (min-width: 992px) {
    .block-page-hero-four.hero-section {
        --hero-content-height: auto;
        --hero-content-padding: var(--spacing-60) 0;
    }
}