.animated-circles{position:relative;height:400px;width:auto;display:flex;justify-content:center;align-items:center;top:10vh;left:-22vh;transform:rotate(25deg)}.circle{position:absolute;background:transparent;width:calc(var(--i) * 2.5vmin);aspect-ratio:1;border-radius:50%;border:3px solid rgb(43,153,168);transform-style:preserve-3d;transform:rotateX(70deg) translateZ(50px);animation:animate 3s ease-in-out calc(var(--i) * .08s) infinite;box-shadow:0 0 15px rgb(124,124,124),inset 0 0 15px rgb(124,124,124)}@keyframes animate{0%,to{transform:rotateX(70deg) translateZ(50px) translateY(0);filter:hue-rotate(0)}50%{transform:rotateX(70deg) translateZ(50px) translateY(-50vmin);filter:hue-rotate(1turn)}}