JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://www.aspca.org/sites/default/files/cat-care_cat-nutrition-tips_overweight_body4_left.jpg" alt="">

<svg width="0" height="0">
  <clipPath id="myClip">
    <polygon points="0 40,60 0,120 40, 120 110, 60 150, 0 110"></polygon>
    <polygon points="100 140,160 100,220 140,220 210,160 250,100 210" id="b"></polygon>
    
  </clipPath>
</svg>

CSS

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