.mobile_background {
    width: 100vw;
    height: 100vh;
    background-image: url(/website_images/background/background_0.5x.webp);
    background-size: cover;
    background-position: center;
    position: fixed;
    z-index: -1;
}

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

@media only screen and (min-width: 1050px) {
    .mobile_background {
        display: none;
    }

    body {
        background-image: url(/website_images/background/background_0.5x.webp);
    }
}

@media only screen and (min-width: 1921px) {
    body {
        background-image: url(/website_images/background/background_0.75x.webp);
    }
}

@media only screen and (min-width: 2881px) {
    body {
        background-image: url(/website_images/background/background_1x.webp);
    }
}