JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <span class="inner">
  </span>
</div>

CSS

.outer{
  height: 100px;
  width: 100%;
  border: 1px solid red;
}

.inner{
  display: block;
  border: 1px solid blue;
  height: 100%;
  width: auto;
}

.inner img{
  height: 100%;
  width:auto;
}