.circle {
	  position: absolute; top: 23%; left: 15%;
      border-radius: 50%;
      background-color: #EEEEEE;
      width: 50px;
      height: 50px;
      position: absolute;
      opacity: 0;
	  animation: scaleIn 2s infinite cubic-bezier(.36, .11, .89, .32);
}
.circle.circle-2 {
	  position: absolute; top: auto; left: auto; bottom: 40%; right: 30%;
}
.circle.circle-3 {
	  position: absolute; top: auto; left: auto; bottom: 20%; left: 30%;
}
.circle.circle-4 {
	  position: absolute; left: 45%;
}

@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .3;
  }
  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}