JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img-container">
  <img src="https://upload.wikimedia.org/wikipedia/en/0/05/Doctor_Who_-_Current_Titlecard.png" alt="drwho">
</div>
<div class="img-container">
  <img src="https://lh4.googleusercontent.com/-MkDsiF5-BXQ/AAAAAAAAAAI/AAAAAAAAKv0/dRBJk-2PGw4/s0-c-k-no-ns/photo.jpg" alt="who2" />
</div>

CSS

.img-container {
  border:2px dashed #f00;
  line-height:0;
  text-align:center;
}

.img-container img {
    max-height: 100%;
    max-width: 100%;
    height:auto;
}