.i-dot{position:relative}.i-dot:before{position:absolute;left:50%;transform:translate(-50%);top:-40%;content:"";width:.5vw;height:.15vw;background:#000;border-radius:50%;opacity:1}#dot1:before{animation:dot-fall 2s ease-out 1 forwards;background:red}#dot2:before{animation:dot-fall 2s ease-out 1 .2s forwards;background:#000}#dot3:before{animation:dot-fall 2s ease-out 1 .4s forwards;background:#000}@keyframes dot-fall{0%{opacity:1;transform:translate(-50%,-120px) rotate(0)}to{opacity:1;transform:translate(-50%,var(--dot-fall-end-y, -8px)) rotate(720deg)}}