body {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

/** Landscape **/
@media screen and (orientation: landscape) {
    body {
        background-image: var(--body-bg-landscape-ce);
    }
}

@media screen and (max-width: 1200px) and (orientation: landscape) {
    body {
        background-image: var(--body-bg-landscape-ce-lowres);
    }
}

/** Portrait **/
@media screen and (orientation: portrait) {
    body {
        background-image: var(--body-bg-portrait-ce);
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    body {
        background-image: var(--body-bg-portrait-ce-lowres);
    }
}