JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div style="margin: 50px;">
		<img class="maxSizeElement" src="https://thelostdigit.files.wordpress.com/2014/05/wp_ss_20140507_0002.png" />
	</div>
</body>

CSS

<style>	
		
		html, body {		
			width: 100%;
			height: 100%;
			overflow: hidden;
			margin: 0px;
		}
		
		.maxSizeElement {
			max-width: 100%;
			max-height: 100%;
		}
	</style>