.blob-container {
  position: relative;
  width: 100%;
  height: 300px;
  /* Sesuaikan tinggi container sesuai kebutuhan */
}

.svg-wrapper,
.img-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#blob path {
  /* animation: blob 5s linear infinite; */
}

.blob-image {
  width: 400px;
  /* height: 400px; */
  overflow: hidden;
  /* border-radius: 42% 56% 72% 28% / 42% 42% 56% 48%; */
  background-size: cover;
  background-position: center;
  /* box-shadow: 0 0 15px rgba(0, 0, 0, .2); */
  animation: blob-image 5s linear infinite;
}

@keyframes blob-image {
  0%, 100% {
      border-radius:
          42% 56% 72% 28% / 42% 42% 56% 48%;
  }

  33% {
      border-radius:
          42% 28% 48% 48% / 28% 28% 72% 72%;
  }

  66% {
      border-radius:
          100% 56% 56% 100% / 100% 100% 56% 56%;
  }
}

@keyframes blob {
  0% {
    d: path("M33.2,-54.3C43.7,-44.9,53.3,-36.8,56.4,-26.7C59.4,-16.6,56,-4.5,54.7,8.2C53.4,21,54.3,34.4,49.5,46.5C44.6,58.5,34.1,69.2,22.6,68.9C11.2,68.5,-1.1,57.1,-17.4,54.5C-33.6,51.8,-53.9,58,-64.5,52.3C-75.1,46.5,-76,28.8,-72.8,13.9C-69.5,-0.9,-62.1,-13,-55.3,-24.2C-48.5,-35.5,-42.4,-46,-33.3,-56C-24.2,-66,-12.1,-75.6,-0.4,-75C11.4,-74.4,22.7,-63.7,33.2,-54.3Z"
      );
  }

  25% {
    d: path("M36.7,-49.8C51.7,-47.4,70.8,-44.3,77.7,-34.1C84.5,-23.9,79,-6.7,70,5.4C61,17.4,48.5,24.3,39.2,32.7C30,41.2,24,51.2,14.2,58.7C4.5,66.2,-8.9,71.3,-23.6,71.1C-38.2,71,-53.9,65.7,-63.9,54.9C-73.9,44.2,-78.2,28,-73.2,14.9C-68.3,1.8,-54.1,-8.2,-44.1,-16C-34.1,-23.7,-28.2,-29.2,-21.5,-35.4C-14.9,-41.6,-7.4,-48.5,1.7,-51.2C10.8,-53.8,21.7,-52.2,36.7,-49.8Z"
      );
  }

  50% {
    d: path("M32.9,-53.3C44.8,-43.5,58.3,-38.1,60.7,-28.9C63.2,-19.7,54.5,-6.5,48.4,4C42.2,14.5,38.5,22.3,35.3,36.5C32.2,50.6,29.5,71.1,19.9,79.1C10.2,87.1,-6.4,82.8,-17,72.8C-27.6,62.9,-32.2,47.4,-44.5,36.6C-56.7,25.9,-76.6,19.9,-80.5,10C-84.4,0.1,-72.2,-13.7,-62.7,-26.2C-53.2,-38.8,-46.3,-50.1,-36.3,-60.8C-26.3,-71.5,-13.2,-81.6,-1.3,-79.5C10.5,-77.4,20.9,-63.1,32.9,-53.3Z"
      );
  }

  75% {
    d: path("M44.4,-72.3C55.4,-61.9,60.8,-46.1,68.7,-30.8C76.5,-15.5,86.8,-0.8,81.7,9.4C76.6,19.6,56.1,25.3,43.9,36.5C31.8,47.8,27.8,64.6,18.5,70.8C9.3,77,-5.4,72.6,-20.8,68.9C-36.2,65.3,-52.4,62.3,-60.9,52.7C-69.4,43,-70.3,26.6,-73.5,10C-76.7,-6.6,-82.3,-23.3,-75.7,-33.3C-69.2,-43.3,-50.5,-46.4,-35.9,-55.2C-21.2,-63.9,-10.6,-78.3,3,-83C16.7,-87.7,33.3,-82.7,44.4,-72.3Z"
      );
  }

  100% {
    d: path("M28.2,-40.1C42.2,-34.8,63.3,-36.7,74.3,-29.1C85.3,-21.5,86.3,-4.5,78.4,7.3C70.5,19.1,53.8,25.6,42.8,35.4C31.7,45.3,26.4,58.5,16.1,67.1C5.8,75.6,-9.4,79.7,-18.4,72.5C-27.4,65.3,-30.2,47,-34.7,34.3C-39.2,21.6,-45.4,14.5,-54.3,3.1C-63.1,-8.2,-74.7,-23.8,-71.7,-33.7C-68.7,-43.6,-51,-47.8,-36.6,-52.9C-22.3,-58.1,-11.1,-64.3,-2,-61.1C7.1,-58,14.1,-45.4,28.2,-40.1Z"
      );
  }
}

#blob {
  fill: #153c3c;
  /* Warna latar belakang SVG */
}