JSFiddle - React, Tailwind, and code Playground

CSS

img {
  position: absolute;
  display: block;
  clip: rect(0, 175px, 350px, 0);
  transition: all 0.5s ease-out;
}

img:hover {
  clip: rect(0px, 350px, 350px, 175px);
}