JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <img src="http://www.mobi-city.ru/wallpaper/image/nature_13_1080x1920.jpg">
</div>
<div>
  <img src="https://bipbap.ru/wp-content/uploads/2017/10/0_8eb56_842bba74_XL-640x400.jpg">
</div>

CSS

div{
  width:200px;
  height:200px;
  border:1px solid #bbb;
  text-align:center;
  white-space: nowrap;
}
img{
  max-width:100%;
  max-height:100%;
  vertical-align:middle;
}
div:after{
  content:'';
  display:inline-block;
  width:0;
  height:100%;
  vertical-align:middle;
}