🎨 Organic Blob Shape Generator

border-radius: 60% 40% 40% 60% / 40% 60% 60% 40%;

/* Tailwind doesn't support complex border-radius values directly.
Use arbitrary values: */
rounded-[60%_40%_40%_60%/40%_60%_60%_40%]

/* Or use custom CSS with @apply: */
@layer components {
  .blob-shape {
    border-radius: 60% 40% 40% 60% / 40% 60% 60% 40%;
  }
}

/* Animation CSS */
@keyframes morph {
  0% { border-radius: 60% 40% 40% 60% / 40% 60% 60% 40%; }
  25% { border-radius: 45% 55% 30% 70% / 65% 35% 40% 60%; }
  50% { border-radius: 70% 30% 45% 55% / 25% 75% 55% 45%; }
  75% { border-radius: 35% 65% 75% 25% / 55% 45% 35% 65%; }
  100% { border-radius: 60% 40% 40% 60% / 40% 60% 60% 40%; }
}

.animated-blob {
  animation: morph 4s ease-in-out infinite;
}