JSFiddle - React, Tailwind, and code Playground

HTML

<svg height="0" width="0">
      <clipPath id="svgPath3">
      <path d="M0,0V211.08H232s4.38.06,7-1.12a6.86,6.86,0,0,0,3.7-4.51,22,22,0,0,1,40.69-4.89c.66,1.22,3.32,6.48,4.61,8.4,2,3,8.51,2.12,8.51,2.12h15.59V0Z"/>
      </clipPath>
</svg>

<img src="https://static.pexels.com/photos/132037/pexels-photo-132037.jpeg">

CSS

body{
  margin: 0;
  padding: 0;
}

img {
    clip-path: url(#svgPath3);
}