JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<img src="https://placekitten.com/300/300" alt="">

CSS

html, body, img {
  height: 100vh;
  width: 100vw;
  margin: 0;
  position: relative;
}


img {
  object-fit: none;
  transition: object-fit .5s;
}
img:hover {

  object-fit: contain;
}