JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image"><img src="https://cdn.pixabay.com/photo/2017/12/29/18/47/nature-3048299__340.jpg" /></div>
<div class="image"><img src="https://images.unsplash.com/photo-1512850183-6d7990f42385?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=bb095116a8cfd26cec5c171f8438a213&w=1000&q=80" /></div>
<div class="image"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTq09QTlzp8uV30En7D8fa65GzEtLJd-KHL12DdQlWOVVc8ZFhytg" /></div>

CSS

.image {
  align-items: center;
  display: flex;
  border: 1px solid red;
  justify-content: center;
  height: 100px;
  width: 100px;
}

.image + .image {
  margin-top: 1rem;
}

.image img {
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
}