Blob Generator

					
<style>
  .float {  
    animation-name: ani-float;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out; 
  }
 
  @keyframes ani-float {
    0% { transform: translate(0,  0px); }
    50% { transform: translate(0, 15px); }
    100% { transform: translate(0, -0px); }    
  }
</style>

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" 
  viewBox="-25 -25 250 250" class="float"> 
  <defs>
   <linearGradient id="lgrad" x1="0%" y1="50%" x2="100%" y2="50%" >
     <stop offset="0%" style="stop-color:#00FF84;stop-opacity:1.00" />
     <stop offset="100%" style="stop-color:#008EE6;stop-opacity:1.00" />
   </linearGradient>
  </defs>
  <path d="M196.92016933839983 75.37316960273007 C192.9383010085729 45.896458199400655 134.36458866843859 3.091278594220478 104.76954757177846 0.11380768113872364 C79.53339562616627 -2.4251280862000706 21.6837739089937 22.887616728411324 14.982550735860087 47.349897240181996 C3.1724026761944497 90.46190041586317 64.02740295931264 198.15284194651286 108.70368713989865 199.62050908407747 C146.77805321088294 200.87129564546908 202.01990867054587 113.1251824957354 196.92016933839983 75.37316960273007Z" stroke="none" fill="url(#lgrad)"  />
</svg>