.bg-one{animation:bg-one 20s infinite ease-in-out;width:400px;height:400px}.bg-two{animation:bg-two 20s infinite ease-in-out;width:500px;height:500px}.bg-two{animation:bg-middle 20s infinite ease-in-out;width:500px;height:500px;position:relative}@keyframes bg-one{0%{transform:translate(0) translateY(0)}25%{transform:translate(30vw) translateY(50);background-color:#ea00ff}50%{transform:translate(100vw) translateY(30vh);background-color:#d400ff}75%{transform:translate(20vw) translateY(90vh);background-color:#6200ff}to{transform:translate(80vw) translateY(0);background-color:#ff00a6}}@keyframes bg-two{0%{transform:translate(80vw) translateY(80vh);background-color:#ff00a6}25%{transform:translate(20vw) translateY(90vh);background-color:#6200ff}50%{transform:translate(70vw) translateY(30vh);background-color:#008cff}to{transform:translate(0) translateY(0)}}@keyframes bg-middle{0%{transform:translate(80vw) translateY(80vh);background-color:#ff00a6}25%{transform:translate(20vw) translateY(90vh);background-color:#6200ff}50%{transform:translate(70vw) translateY(30vh);background-color:#008cff}to{transform:translate(0) translateY(0)}}