JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	
		<img class="maxSizeElement" src="https://thelostdigit.files.wordpress.com/2014/05/wp_ss_20140507_0002.png" />

</body>

CSS

html, body {		
			width: 100%;
			height: 100%;
			/*overflow: hidden;*/
			margin: 0px;
			padding: 0.25%;
			text-align: center;
			box-sizing: border-box;
		}
		
		.maxSizeElement {
			max-width: 100%;
			max-height: 100%;
		}