JSFiddle - React, Tailwind, and code Playground

HTML

<div class="orig">
<img src="https://i.imgur.com/m2nMkqX.png">
</div>

<br />
<div class="stretch">
<img src="https://i.imgur.com/m2nMkqX.png">
</div>

CSS

.orig {
height: 100px !important;
width: 100px !important;
background-color: #ff2340;
}

.stretch {
height: 100px !important;
width: 100px !important;
background-color: #ff9872;
}

.stretch img {
  min-height: 200px;
  min-width: 200px;
  max-height: 200px;
  max-width: 200px
  margin 0 auto;
}