@supports (background-image: image-set(url("x.webp") type("image/webp"))) {
    .catalog-hero {
        background-image:
            linear-gradient(90deg, rgba(5,14,21,.92) 0%, rgba(5,14,21,.48) 48%, rgba(5,14,21,.08) 100%),
            image-set(url('../images/hero-junaci.webp') type('image/webp'), url('../images/hero-junaci.png') type('image/png'));
    }
}