JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="one">One</div>
</div>

CSS

#container {
    background: rgb(230,230,230);
    display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center;
    display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;
    height: 500px;
    width: 100%;
}
#container #one {
    padding: 100%;
    background-image: url(http://lorempixel.com/1366/768/food/PLACEHOLDER-PLACEHOLDER-PLACEHOLDER-PLACEHOLDER-PLACEHOLDER);
    background-size: 100% auto;
    background-repeat:no-repeat;W
    background-position: center;
}