JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid-wrapper">
    <div class="grid-content">
        <img src="http://upload.wikimedia.org/wikipedia/commons/e/eb/Nic%C3%A9phore_Ni%C3%A9pce_Oldest_Photograph_1825.jpg" />
    </div>
</div>

CSS

.grid-wrapper {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.grid-content img {
  max-height: 100px;
  width: auto;
}