.co3 { 
  fill: rgba(58, 107, 235, 1); 
}

.co3b { 
  fill: rgba(58, 107, 235, .4); 
} 

.blob3 {
  animation-name: blobSkew;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: 0% 10%;
}

@keyframes blobSkew {
 0%   { transform: skew(0); }
 25%  { transform: skew(-45deg); }
 50%  { transform: skew(0); }
 75%  { transform: skew(25deg); }
 100% { transform: skew(0); }
}



/* SVG Annimation Classes */
.coblue { 
  fill: rgba(58, 107, 235, 1); 
}

.co3b { 
  fill: rgba(58, 107, 235, .4); 
} 

.blob3 {
  animation-name: blobSkew;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform-origin: 0% 10%;
}

@keyframes blobSkew {
 0%   { transform: skew(0); }
 25%  { transform: skew(-45deg); }
 50%  { transform: skew(0); }
 75%  { transform: skew(25deg); }
 100% { transform: skew(0); }
}

/* Example-specific styles */
.scaling-svg-container {
  position: relative; 
  height:0; 
  width: 100%; 
  padding: 0;
  padding-bottom: 100%; 
  /* over-ride this inline for aspect ratio other than square */
}
.scaling-svg {
  position: absolute; 
  height: 100%; 
  width: 100%; 
  left: 0; 
  top:0;
}