JSFiddle - React, Tailwind, and code Playground

by opherv

HTML

<div class="working_area">
    <div class="image_container">
        <img src="http://eofdreams.com/data_images/dreams/bear/bear-05.jpg"/>
    </div>
</div>

CSS

.working_area {
  background: yellow;
  position: absolute;  
  width: 600px;
  height: 600px;
  display: -webkit-flex;
  -webkit-flex: 1;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.image_container {
  display: inline-block;     
  max-width: 100%;
}

.image_container img{
    max-width: 100%;
}