JSFiddle - React, Tailwind, and code Playground

HTML

<article class="item">
     <div class="img_preview">
          <img src="http://www.zastavki.com/pictures/640x480/2012/Animals_Cats_Little_kitty_picture_001795_29.jpg">
     </div>
</article>

CSS

.item {}
.img_preview {
  width: 300px;
  height: 300px;
  display: flex;
  overflow: hidden;
  border: 2px solid #000;
}
.img_preview img {
  margin: auto;
  width: 100%;
  transform: scale(2,2);
  transition: 0.3s ease;
}
.img_preview:hover img {
  transform: scale(1,1);
}