JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
	<div id="container">
    <img src="https://dl.dropboxusercontent.com/s/wypn5e7n5bgeoic/landscape.png?dl=0" alt="">
  </div>
</div>

CSS

body, html, #outer {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
		}

		#container {
			background-color: #ffcc00;
			display: table;
			position: absolute;
			left: 20%;
			top: 30%;
			width: 60%;
			height: 40%;
    }
    
    img {
			max-width: 100%;
			max-height: 100%;
			margin: 0 auto;
			display: block;
		}