JSFiddle - React, Tailwind, and code Playground

HTML

<img src="https://placekitten.com/g/300/200" />

CSS

html {margin:0;padding:0}

html{
  display: table;
  width: 100%;
  height: 100%;
}

body{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

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