#anim2 {
  height: 50px;
  width: 50px;
  margin-left: 1%;  
  border-radius:100%;
  animation-name: circle;
  animation-duration: 1.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes circle {
  0% {
    transform: scale(.3);
    background-color: red;    
  }
  50% {
    transform: scale(0.6);
    background-color: green;
  }
  100% {   
    background-color: red;
  }
}