.blob-container {
    height: 200px;
    display: flex;
    align-items: center;
    flex: 1 0 220px;
}

.blob-thing {
    width: 180px;
    height: 140px;
    filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.5));
    :hover {
     * {
          clip-path: path('M422,310Q437,370,379.5,388.5Q322,407,270,439.5Q218,472,181.5,422Q145,372,115.5,335Q86,298,61.5,242.5Q37,187,62,124Q87,61,156.5,72.5Q226,84,278.5,78Q331,72,372.5,108.5Q414,145,410.5,197.5Q407,250,422,310Z');
      }
    }






}
.flexcontainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
;
}
.shadow {

    transform-origin: center;
}
.shadow-1 {
    height: 100%;
    clip-path: circle(60px);
    transition: clip-path 500ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
}