.circle{z-index:-1;border-radius:50%;position:absolute}.circle1{background:radial-gradient(circle,#008aed4d 0%,#004e8700 70%);width:100px;height:100px;animation:15s ease-in-out infinite alternate moveCircle1}.circle2{background:radial-gradient(circle,#008aed33 0%,#004e8700 70%);width:80px;height:80px;animation:18.75s ease-in-out infinite alternate-reverse moveCircle2}.circle3{background:radial-gradient(circle,#004e874d 0%,#008aed00 70%);width:120px;height:120px;animation:16.5s ease-in-out infinite alternate moveCircle3}.circle4{background:radial-gradient(circle,#008aed66 0%,#004e8700 70%);width:60px;height:60px;animation:13.5s ease-in-out infinite alternate-reverse moveCircle4}.circle5{background:radial-gradient(circle,#004e8733 0%,#008aed00 70%);width:90px;height:90px;animation:17.25s ease-in-out infinite alternate moveCircle5}@keyframes moveCircle1{0%{top:10%;left:-50px}to{top:60%;left:calc(100% - 50px)}}@keyframes moveCircle2{0%{top:30%;left:-40px}to{top:80%;left:calc(100% - 40px)}}@keyframes moveCircle3{0%{top:50%;left:-60px}to{top:20%;left:calc(100% - 60px)}}@keyframes moveCircle4{0%{top:70%;left:-30px}to{top:40%;left:calc(100% - 30px)}}@keyframes moveCircle5{0%{top:90%;left:-45px}to{top:5%;left:calc(100% - 45px)}}