JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.container {  
  background: blue; 
  border: 10px solid blue; 
  max-height: 200px; 
  max-width: 200px; 
  overflow:hidden;
  box-sizing:border-box;
}

img { 
  display: block;
  max-height: 100%; 
  max-width: 100%; 
}