JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<div id="cont">
    <img src="https://c1.staticflickr.com/3/2547/4011378891_ca862aeb8f_b.jpg" />
  </div>
</body>
</html>

CSS

body{
	display:flex;
	flex-direction:column;
	margin:0;
	height:100vh;
}
#cont{
	flex:1;
}
#cont img{
	max-width:80%;
  max-height:80%;
}