JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="row outerBox">
        <div class="col-sm-6">
            <img src="//placehold.it/600x300" alt="Logo" class="img-responsive"/>
        </div>
        <div class="col-sm-6 col-sx-12">
            <div class="innerBox">
                <h3>Some Text</h3>
            </div>
        </div>
    </div>
</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');
@media (min-width: 768px ){
 .outerBox {
    border: 1px dashed blue;
    margin: 0 auto;
    display: flex;
}
.innerBox {
    border: 1px dashed red;
    position: absolute;
    bottom: 0;
}
}