body.storefront,
body.app-shell {
    background:
        linear-gradient(180deg, rgba(9, 6, 5, .72), rgba(9, 6, 5, .9)),
        url('../images/landing.png') center top / cover fixed no-repeat,
        #090605;
}

.hero,
.login-screen {
    background-image:
        linear-gradient(90deg, #030201 1%, rgba(3, 2, 1, .86) 34%, rgba(3, 2, 1, .24) 100%),
        linear-gradient(0deg, #090605 0%, transparent 30%),
        url('../images/landing.png');
    background-position: center;
    background-size: cover;
}

@media(max-width:640px) {
    body.storefront,
    body.app-shell {
        background-attachment: scroll;
        background-position: center top;
    }

    .hero,
    .login-screen {
        background-image:
            linear-gradient(0deg, #090605 0%, rgba(3, 2, 1, .18) 48%),
            linear-gradient(90deg, #030201 0%, rgba(3, 2, 1, .72) 48%, rgba(3, 2, 1, .18) 100%),
            url('../images/landing.png');
        background-position: center top;
    }
}