[data-block-alias="heroHeader"].hero-header {
    margin-bottom: clamp(3rem, 2.6286rem + 1.5238vw, 4rem) !important;
}
[data-block-alias="heroHeader"].hero-header::before {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 35%, transparent 100%) !important;
}
[data-block-alias="heroHeader"].hero-header::after {
    background-position: bottom right !important;
}

@media (min-width: 1280px) {
    [data-block-alias="heroHeader"].hero-header::before {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 15%, rgba(0, 0, 0, 0.4) 50%, transparent 100%) !important;
    }
}