JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<img class="image" src="https://i.imgur.com/CkjqXgm.jpg" />

CSS

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

html, body{
  padding:0px;
  margin:0px;
  width:100%;
  height:100%;
  overflow:hidden;
  background:red;
  
  display: flex;
  align-items: center;
  justify-content: center;
}