JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="hero"></div>
</div>

CSS

.container {
  width:100%;
  max-width:500px;
}

.hero {
    width:100%;
    height:0;
    background-size:100%;
    background:url(http://img97.imageshack.us/img97/3410/photo2ue.jpg) no-repeat;
    padding-bottom:75%;
}