JSFiddle - React, Tailwind, and code Playground

HTML

<div id="image" style="clip-path: circle(50px at 190px 160px)"></div>

CSS

#image{
        width:332px;
        height:300px;
        background-image:url(https://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg);
        
    }

JavaScript

var el = document.getElementById("image")

function grow(i) {
  	el.style.clipPath = "circle("+ i +"px at 190px 160px)";
}

var i;
for(i = 0; i < 100; i++) {
  setTimeout(grow(i), 400);
}