.wp-block-cover.hero-cover {
    position: relative;
    min-height: 650px;
    z-index: 0;
}

.wp-block-cover.hero-cover .wp-block-cover__inner-container {
    z-index: 2;
}

.wp-block-cover.hero-cover::before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    inset: 0;
    background: linear-gradient(180deg, rgb(20, 20, 20) 0%, rgba(10, 10, 10, 0.2) 49%, rgb(20, 20, 20) 90%)
}

@media (min-width: 768px) {
    .wp-block-cover.hero-cover {
        margin-top: -4rem;
    }

}