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(0, 350px, 350px, 0);
    -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);
}