JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<div class="container">
    <div class="content_area">
        <!--bg image in here -->
        <div class="content">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae enim at nulla lobortis molestie eget nec mi. Fusce ornare est ac tellus blandit rhoncus. Nam dictum blandit purus at aliquet. Mauris varius ac magna ut suscipit. Mauris consectetur, ipsum quis dictum venenatis, ex justo maximus orci, vitae sollicitudin lorem ante in nibh. Duis purus magna, tempus sit amet odio ut, consectetur ultricies velit. Sed at vestibulum nulla, non faucibus neque. Phasellus arcu libero, faucibus eget tempor nec, egestas a tellus.</p>
        </div>
    </div>
</div>

CSS

.content_area {
    width:100%;
    padding-top: 74.6691871456%;
    background: url(http://www.postfree108.com/images_postfree/Direct-marketing-12890.jpg) no-repeat top left;
    background-size: cover;
}
.content {
    margin-top: -74.6691871456%;
}