.item-1 .ball {
  animation: circle-1 1s infinite alternate;
}
@keyframes circle-1 {
  from {
    transform: translateX(0px) scale(2, 2);
  }
  to {
    transform: translateX(300px) scale(0 ,0) ;
  }
}
.item-2 .ball {
  animation: circle-2 1s infinite alternate;
}
@keyframes circle-2 {
  from {
    transform: translateX(0px) scaleX(8);
  }
  to {
    transform: translateX(300px) scale(0.5) rotate(90deg);
  }
}