:root {
  --mew-bg-head: url(./images/mewhead_bg.webp);
  --mew-bg-optics: url(./images/optics_bg.webp);
  --mew-bg-optics-second: url(./images/optics_bg-2.webp);
}

.mewhead {
    background-image: url(/image/catalog/landings/high-precision/bg-1.webp);
}
@media (max-width: 767px) {
    .mewhead {
        background-image: none;
    }
    .mewhead__visual {
        background: linear-gradient(180deg, rgba(8, 12, 18, 0.55) 0%, rgba(8, 12, 18, 0.18) 45%, rgba(8, 12, 18, 0.7) 100%), url(/image/catalog/landings/high-precision/bg-1.webp);
        background-size: cover;
    }
}