JSFiddle - React, Tailwind, and code Playground

HTML

<div class="imageAndText">
    <img src="http://1.bp.blogspot.com/-P5uqUWLgZmA/UtQDdtahipI/AAAAAAAAF3E/IgvARwfxAlw/s1600/seamless-stone-background.jpg" class="align-center img-responsive" />
    <div class="col">
        <div class="col-sm-4">
            <p>this is a test</p>
        </div>
    </div>
</div>

CSS

.imageAndText {position: relative;} 
    .imageAndText .col {position:
        absolute; z-index: 1; top: 0; left: 0;}