JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="https://via.placeholder.com/1000.png" alt="">
  <img src="https://via.placeholder.com/1000.png" class="noborder" alt="">
</div>

CSS

div {
  text-align: center;
}

img {
   -webkit-transform: translateZ(0) scale(0.2);
  height: 250px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  border: 5px solid #000;
}

img.noborder {
  border: none;
}

img:hover {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 -webkit-transform: translateZ(0) scale(1);
}