JSFiddle - React, Tailwind, and code Playground

HTML

<div class="square">
        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
        <!--<svg viewBox="0 0 1 1" preserveAspectRatio="xMinYMax slice"></svg>-->
    </div>

CSS

html, body {
  height: 100%;
  margin: 0;
}

.square{
    display:inline-flex;
    height:100%;
    background:darkorange;
}

img {
    display:block;
    height:100%;
    width:auto;
}