JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437" class="img-responsive"/>
            <br/>
            <h4>Test Text</h4>
        </div>
             <div class="col-md-6">
                             <img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437" class="img-responsive"/>
            <br/>
            <h4>Test Text</h4>
             </div>
    </div>
</div>

<hr/>
Expected 
<hr/>
<!--Expected on small screens -->

<div class="container">
    <div class="row">
        <div class="col-md-6">
        <h4>Test Text</h4>
         <br/>
        <img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437" class="img-responsive"/>
    </div>
        
        <div class="col-md-6"> <h4>Test Text</h4>
         <br/>
        <img src="http://vignette4.wikia.nocookie.net/mrmen/images/5/52/Small.gif/revision/latest?cb=20100731114437" class="img-responsive"/></div> </div>
</div>