.background{top:0;left:0;overflow:hidden;position:fixed;width:100%;min-height:100vh}.circles-overlay{position:relative;width:100%;min-height:100vh}.circle{background-color:rgb(173 216 230 / .7);box-shadow:inset 0 0 20px 2px #fff;height:250px;width:250px;border-radius:100%;position:absolute}#circle-1{transform-origin:left 150px;left:30vw;top:250px;animation:rotate-circle 30s infinite ease-in-out}#circle-2{transform-origin:right 150px;right:35vw;top:260px;animation:rotate-circle-reverse 40s infinite ease-in-out}#circle-3{transform-origin:center 150px;top:270px;left:50%;animation:rotate-circle 35s infinite ease-in-out}#circle-4{transform-origin:center 150px;top:280px;left:25vw;animation:rotate-circle-reverse 30s infinite ease-in-out;display:none}@keyframes rotate-circle{0%{opacity:1;transform:rotate(0deg)}50%{opacity:0;transform:rotate(360deg)}100%{opacity:1;transform:rotate(0deg)}}@keyframes rotate-circle-reverse{0%{opacity:.2;transform:rotate(0deg)}50%{opacity:1;transform:rotate(-360deg)}100%{opacity:.2;transform:rotate(0deg)}}