JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eaque eos harum iste iusto nemo rem sit tempora tempore totam. Accusamus atque blanditiis fuga itaque, magnam maiores necessitatibus repellat vero.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eaque eos harum iste iusto nemo rem sit tempora tempore totam. Accusamus atque blanditiis fuga itaque, magnam maiores necessitatibus repellat vero.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum eaque eos harum iste iusto nemo rem sit tempora tempore totam. Accusamus atque blanditiis fuga itaque, magnam maiores necessitatibus repellat vero.</p>
        <img src="http://www.nasa.gov/images/content/711375main_grail20121205_4x3_946-710.jpg" alt="" class="img">
    </div>
</div>

CSS

.wrapper {
    background: #333;
}
    .content {
        position: relative;
        width: 80%;
        margin: auto;

        color: #fff;
    }
        .content > p {}
        .content > .img {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            max-height: 100%;
        }