JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
  <defs>
    <clipPath id="clipPath">
      <circle cx="30" cy="30" r="20"/>
      <circle cx="70" cy="70" r="20"/>
    </clipPath>
  </defs>
</svg>

<img src="https://s30.postimg.org/lkqxmrk29/about.jpg">

CSS

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

svg {
  width: 0;
  height: 0;
}