body {
    background-image:
        radial-gradient(circle 1em at center, var(--standout-color) 30%, 40%, transparent 50%),
        radial-gradient(circle 0.9em at center, var(--standout-color) 10%, 30%, transparent 40%);
    background-size:
        6rem 3rem,
        6rem 3rem;
    background-attachment:
        fixed;
    animation: 5s linear 0s infinite disgusting-circles;

    @media (prefers-reduced-motion: reduce) {
        animation: none;
    }
}

@keyframes disgusting-circles {
    0% {
        background-position:
            0 0,
            3rem 1rem;
    }
    25% {
        background-position:
            3rem -2rem,
            6rem 3rem;
    }
    50% {
        background-position:
            6rem 5rem,
            9rem 0rem;
    }
    75% {
        background-position:
            9rem 1rem,
            12rem -6rem;
    }
    100% {
        background-position:
            12rem 0rem,
            15rem 1rem;
    }
}