JSFiddle - React, Tailwind, and code Playground

HTML

<img id="clipped" src="https://mdn.mozillademos.org/files/2767/hut.jpg">

CSS

#clipped {
    position:absolute;
    width: auto;
    clip: rect(100, 100, 100, 100);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#clipped:hover {
    clip: rect(50px, 200px, 200px, 0);
}