.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles img{left:5%;position:absolute;display:block;width:3rem;height:3rem;background:rgba(0,255,0,.2);animation:animate 25s linear infinite;bottom:0}.circles img:nth-child(1){left:10%;width:5rem;height:5rem;animation-delay:5s;animation-duration:17s;bottom:-2rem}.circles img:nth-child(2){left:20%;width:3rem;height:3rem;animation-delay:20s;animation-duration:20s}.circles img:nth-child(3){left:25%;width:4rem;height:4rem;animation-delay:12s;bottom:-1rem}.circles img:nth-child(4){left:35%;width:2rem;height:2rem;animation-delay:25s}.circles img:nth-child(5){left:40%;width:3rem;height:3rem;animation-delay:8s;animation-duration:18s}.circles img:nth-child(6){left:50%;width:4rem;height:4rem;animation-delay:14s;animation-duration:30s;bottom:-1rem}.circles img:nth-child(7){left:60%;width:4rem;height:4rem;animation-delay:30s;bottom:-1rem}.circles img:nth-child(8){left:70%;width:2rem;height:2rem;animation-delay:18s;animation-duration:20s}.circles img:nth-child(9){left:80%;width:4rem;height:4rem;animation-delay:8s}.circles img:nth-child(10){left:85%;width:5rem;height:5rem;animation-delay:21s;animation-duration:30s;bottom:-2rem}.circles img:nth-child(11){left:90%;width:3rem;height:3rem;animation-delay:4s;animation-duration:20s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:.7;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}