JSFiddle - React, Tailwind, and code Playground

HTML

<div class="thumbnail">
            <img src="http://static9.depositphotos.com/1007989/1157/i/950/depositphotos_11570437-Satisfied-Smiley.jpg" alt="..." width="150" />
            <div class="caption post-content">

                <h3>Robots!</h3>
                <p>Lorem ipsum dolor sit amet</p> 

            </div>
        </div>

CSS

.post-content {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.5;
    top:0;
    left:0;
    position: absolute;
}

.thumbnail{
    position:relative;
    
}