.pattern-hero {
    min-height: 560px !important;
    z-index: 0;
}
.pattern-hero::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
@media (min-width: 768px) {
    .pattern-hero {
        min-height: 800px !important;
    }
}
.pattern-hero .wp-block-cover__image-background {
    z-index: 1;
}
.pattern-hero .wp-block-cover__gradient-background {
    z-index: 3;
}
.pattern-hero .wp-block-cover__inner-container {
    z-index: 4;
}