.coLeaf { 
  fill: rgba(167, 213, 61, 1); 
}

.co4b { 
  fill: rgba(167, 213, 61, .4); 
} 

.blobLeaf1 {
  animation-name: blobTurnLeft;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  transform-origin: 5% 1%;
}

.coLeaf2 { 
  fill: rgba(167, 213, 61, .4); 
} 

.blobLeaf2 {
  animation-name: blobTurnRight;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  transform-origin: 50% 10%;
}


@keyframes blobTurnRight {
 0%   { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

@keyframes blobTurnLeft {
 0%   { transform: rotate(0deg); }
 100% { transform: rotate(-360deg); }
}