@media not all and (min-width: 1024px) {
    .img-hero,
    .mask-slider {
        mask-position-y: top !important;
        mask-position-x: center !important;
    }
}

@media not all and (min-width: 640px) {
    .img-hero,
    .mask-slider {
        mask-size: 100% 100%;
    }
}

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

.img-hero,
.mask-slider {
    mask-image: url("/wp-content/uploads/2026/04/mask-hero.svg");
    mask-repeat: no-repeat;
    mask-position-y: top;
    mask-position-x: right;
}