JSFiddle - React, Tailwind, and code Playground

CSS

body {
    background: url(http://htmlbook.ru/example/images/animate-bg3.png) 90% 90% no-repeat fixed, url(http://htmlbook.ru/example/images/animate-bg2.png) 80% 40% no-repeat fixed, url(http://htmlbook.ru/example/images/animate-bg1.jpg) fixed no-repeat;
    background-size: auto, auto, cover;
    -webkit-animation: ball 40s linear infinite;
    animation: ball 240s linear infinite;
}
@-webkit-keyframes ball {
    from {
        background-position: 3000px 90%, 180% 40%, 0 0;
    }
    to {
        background-position: -2000px 90%, -300px 20%, 0 0;
    }
}
@keyframes ball {
    from {
        background-position: 180% 40%, 3000px 90%, 0 0;
    }
    to {
        background-position: -300px 20%, -2000px 90%, 0 0;
    }
}