JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
    <img src="http://lorempixel.com/350/600" alt="image">
</div>

CSS

.item{
    position: relative;
    width: 300px;
}
.item h3{
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    background: #fff;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.item img{
    max-width: 100%;
    vertical-align: middle;
}