JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slide">
    <img src="http://goo.gl/qLUS6">
</div>

CSS

html, body {
    height:100%;
    min-height:100%;
}
.slide {
    position:relative;
    height:100%;
    width:100%;
  	overflow:hidden;
}
img {
	display:block;
  	max-width:80%;
  	max-height:70%;
  	position:absolute;
  	left:50%;
  	top:50%;
  
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}