JSFiddle - React, Tailwind, and code Playground

by Jason Lusk

HTML

<div class="container">
  <img src="http://placekitten.com/400/500" />
</div>

CSS

.container {  
display: flex;
  background: blue; 
  padding: 10px; 
  max-height: 200px; 
  max-width: 200px; 
}

img { 
 object-fit: contain;
  max-height: 100%; 
  max-width: 100%; 
}