*{
  margin:0;
  padding:0;
  box-shadow:border-box;
}

body{
  height:100%;
  width:100%;
  background:#000000;
 position: sticky;
}

.containerbg{
  height:100%;
  width:100%;
  position: fixed;
  z-index: -999;
}

span{
  border-radius:50%;
  pointer-events:none;
  position:absolute;
  background:white;
  animation: animate 5s linear infinite;
}
@keyframes animate{
  0%{
    transform:scale(0) translateX(0) rotate(0deg);
    opacity:0;
  }
  10%{
        opacity:1; 
  }
  90%{
        opacity:1; 
  }
  100%{
    transform:scale(1) translateX(-4000%) rotate(360deg);
        opacity:0; 
  }
}