JSFiddle - React, Tailwind, and code Playground

by tomasjurman

HTML

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/36/Hopetoun_falls.jpg/450px-Hopetoun_falls.jpg">
    
 <svg width="0" height="0">
  <defs>
    <clipPath id="clipping">
      <circle cx="60" cy="60" r="50" />
        <circle cx="140" cy="60" r="50" />
    </clipPath>
  </defs>
</svg>

CSS

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