.coRaspberry { 
  fill: rgba(211, 79, 199, 1); 
}

.co1b { 
  fill: rgba(211, 79, 1998, .4); 
} 

.blobRasp1 {
  animation-name: blobSkew2;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  transform-origin: 5% 10%;
}

.coRaspberry2 { 
  fill: rgba(211, 79, 199, .4); 
} 

.blobRasp2 {
  animation-name: blobSkew;
  animation-duration: 16s;
  animation-iteration-count: infinite;
  transform-origin: 5% 1%;
}


.coRaspberry3 { 
  fill: rgba(211, 79, 199, .8); 
} 

.blobRasp3 {
  animation-name: blobSkew2;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  transform-origin: 6% 20%;
}

@keyframes blobSkew2 {
 0%   { transform: skew(0); }
 0%   { transform: scale(0.2); } 
 25%  { transform: skew(-25deg); }
 50%  { transform: skew(0); }
 50%  { transform: scale(0.3); }
 75%  { transform: skew(25deg); }
 100% { transform: skew(0); }
 100% { transform: scale(0.3); } 
}