JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    
    <div class="centered">
        <img src="http://jsfiddle.net/img/logo.png" width="2000px"/>
    </div>
    
</div>

CSS

.block {
  text-align: center;
  background: #c0c0c0;
  border: #a0a0a0 solid 1px;
  margin: 20px;
  height: 300px;  
  overflow:hidden;
}
 
 
.centered {
  display: inline-block;
  vertical-align: middle;
  max-width: 9000px;
  padding: 10px 15px;
  border: #a0a0a0 solid 1px;
  background: #f5f5f5;
 }