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;
  position: relative;
}
img{
  max-width:100%;
  max-height:100%;
  position: absolute;
  margin: auto;
  top: 0; right: 0; bottom: 0; left: 0;
}