.wp-block-acf-hero {
    width: 100%;
}

.img-hero {
    bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1512/757;
    object-fit: cover;
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMC4wMCAwLjAwIDI1MDYuMDAgMTI1NS4wMCIgZGF0YS1nc2FwLWNocm9tZS1leHRlbnNpb249Im5vdC1mb3VuZCIgZ3NhcC1jaHJvbWUtZXh0ZW5zaW9uPSJub3QtZm91bmQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSIgICBNIDEyODYuNjMgMC4wMCAgIFEgMTI4Ni44NiAwLjMwIDEyODcuMzQgMC4zMiAgIFEgMTQ3NS41MyA1LjUzIDE2NTIuNzIgNjUuMTQgICBDIDE3OTYuODQgMTEzLjYyIDE5MzAuODQgMTg4LjM3IDIwNDguNDkgMjg1LjIzICAgQyAyMjA2Ljg5IDQxNS42NiAyMzMyLjM4IDU4NC41MCAyNDEwLjg0IDc3NC4yNCAgIFEgMjQ5MC40NCA5NjYuNzQgMjUwMy41NiAxMTc0LjkzICAgUSAyNTAzLjk4IDExODEuNTUgMjUwNC43NCAxMTk4LjA4ICAgUSAyNTA1LjI3IDEyMDkuNjggMjUwNi4wMCAxMjIxLjI2ICAgTCAyNTA2LjAwIDEyNTUuMDAgICBMIDAuMDAgMTI1NS4wMCAgIEwgMC4wMCAxMjIxLjMzICAgUSAwLjM3IDEyMjEuMDggMC4zOCAxMjIwLjY0ICAgUSA1LjY0IDEwMjguMDMgNjcuNzAgODQ2Ljc2ICAgUSAxMzUuNTYgNjQ4LjU1IDI2Ni4yNCA0ODEuNDkgICBRIDM5OC41NSAzMTIuMzUgNTc4Ljc0IDE5Ny4wMCAgIFEgNzUzLjc3IDg0Ljk0IDk1My41MiAzNi4wMSAgIFEgMTA4NC4yNyAzLjk4IDEyMTguNzAgMC4zMiAgIFEgMTIxOS4xMyAwLjMwIDEyMTkuMzAgMC4wMCAgIEwgMTI4Ni42MyAwLjAwICAgWiIvPgo8L3N2Zz4=');
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    max-height: calc(100svh - 118px);
}

.hero h1,
.hero p {
    color: #fff;
}

.filter-classic::after,
.filter-contact::after {
    position: absolute;
    content: '';
    inset: 0;
}

.filter-classic::after {
    background: rgba(20, 19, 19, 0.30);
}

.filter-contact::after {
    background: rgba(20, 19, 19, 0.70);
}