@media (min-width: 1121px) {
    header .wc-blocks-pattern-header-essential::before {
        background-image: url("grundschul-rose-banner.jpg") !important;
        background-image: image-set(url("grundschul-rose-banner.webp") type("image/webp") 1x, url("grundschul-rose-banner.jpg") type("image/jpeg") 1x) !important;
    }
}

@media (min-width: 600px) and (max-width: 1120px) {
    header .wc-blocks-pattern-header-essential::before {
        background-image: url("grundschul-rose-banner.jpg") !important;
        background-image: image-set(url("grundschul-rose-banner.webp") type("image/webp") 1x, url("grundschul-rose-banner.jpg") type("image/jpeg") 1x) !important;
    }
}