JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resize">
  <img src="https://spiritualfriendship.files.wordpress.com/2015/02/big-blue-square.png">
</div>

CSS

#resize {
  resize: both;
	overflow: auto;
	width: 100px;
	height: 140px;
	padding: 20px;
	border: 1px solid black;
}

img {
  max-height: 100%;
  max-width: 100%;
	background: linear-gradient(to right, gray, black, gray);
}