html {
    --blur-base: 75px
}

html, body {
    overflow: auto;
}

body {
    min-height: 100vh;
    margin: 0;
    background: url("https://wallpaperaccess.com/full/37440.jpg");
    background-size: 120%;
    backdrop-filter: blur(var(--blur-base));
    -webkit-backdrop-filter: blur(var(--blur-base));
    animation: bgrotation 100s linear infinite;
}

/* Animations */
@keyframes bgrotation {
    0% {
        background-position: 0% 20%;
    }

    25% {
        background-position: 100% 40%;
    }

    50% {
        background-position: 80% 100%;
    }

    75% {
        background-position: 20% 60%;
    }

    100% {
        background-position: 0% 20%;
    }
}