JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <img class="img1" src="http://media.digitalcameraworld.com/wp-content/uploads/sites/123/2012/05/Landscape_photography_tips.foamy_3.jpg"/>
    <div id="content"> Content goes here </div>
</div>

CSS

#container {
  width: 100%;
  min-width:100%;
  position: relative;
}

.img1 {
  display: block;
  width: 100%;
  max-width: 610px;
  margin: 0px auto;
}

#content {
  border: 1px solid white;
  position: absolute;
  top: 2em;
  color: white;
  text-align: center;
  width: 100%;
}