:root {
    --landing-window-1x-url: url(/images/v2/landing/webp/976_window_x1.webp);
    --landing-window-2x-url: url(/images/v2/landing/webp/976_window_x2.webp);
    --landing-window-3x-url: url(/images/v2/landing/webp/976_window_x3.webp);
    --landing-window-4x-url: url(/images/v2/landing/webp/976_window_x4.webp);
}

@media screen and (max-width: 1000px) {
    :root .r {
        --landing-window-1x-url: url(/images/v2/landing/webp/784_window_x1.webp);
        --landing-window-2x-url: url(/images/v2/landing/webp/784_window_x2.webp);
        --landing-window-3x-url: url(/images/v2/landing/webp/784_window_x3.webp);
        --landing-window-4x-url: url(/images/v2/landing/webp/784_window_x4.webp);
    }
}

@media screen and (max-width: 784px) {
    :root .r {
        --landing-window-1x-url: url(/images/v2/landing/webp/578_city_x1.webp);
        --landing-window-2x-url: url(/images/v2/landing/webp/578_city_x2.webp);
        --landing-window-3x-url: url(/images/v2/landing/webp/578_city_x3.webp);
        --landing-window-4x-url: url(/images/v2/landing/webp/578_city_x4.webp);
    }
}

@media screen and (max-width: 600px) {
    :root .r {
        --landing-window-1x-url: url(/images/v2/landing/webp/386_city_x1.webp);
        --landing-window-2x-url: url(/images/v2/landing/webp/386_city_x2.webp);
        --landing-window-3x-url: url(/images/v2/landing/webp/386_city_x3.webp);
        --landing-window-4x-url: url(/images/v2/landing/webp/386_city_x4.webp);
    }
}

@media screen and (max-width: 386px) {
    :root .r {
        --landing-window-1x-url: url(/images/v2/landing/webp/320_city_x1.webp);
        --landing-window-2x-url: url(/images/v2/landing/webp/320_city_x2.webp);
        --landing-window-3x-url: url(/images/v2/landing/webp/320_city_x3.webp);
        --landing-window-4x-url: url(/images/v2/landing/webp/320_city_x4.webp);
    }
}