1.container {
2  position: absolute;
3  top: 40%;
4  height: 90%;
5  display: flex;
6  justify-content: center;
7  align-items: center;
8}
9
10.item {
11  position: absolute;
12  background-color: transparent;
13  width: calc(var(--i) * 2.5vmin);
14  aspect-ratio: 1;
15  border-radius: 50%;
16  border: .9vmin solid rgb(0, 200, 255);
17  transform-style: preserve-3d;
18  transform: rotateX(70deg) translateZ(50px);
19  animation: my-move 3s ease-in-out calc(var(--i) * 0.08s) infinite;
20  box-shadow: 0px 0px 15px rgb(124, 124, 124),
21    inset 0px 0px 15px rgb(124, 124, 124);
22}
23
24@keyframes my-move {
25  0%,
26  100% {
27    transform: rotateX(70deg) translateZ(50px) translateY(0px);
28    filter: hue-rotate(0deg);
29  }
30
31  50% {
32    transform: rotateX(70deg) translateZ(50px) translateY(-50vmin);
33    filter: hue-rotate(180deg);
34  }
35}