JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center">
    <div class="container">
        <img src="http://www.google.fr/images/logos/ps_logo2.png" class="picture" />
        <h3 class="caption">Image Caption</h3>
    </div>
</div>

CSS

.container {
    position : relative;
    max-width : 364px;
}
.picture {
    border-radius:0.5em;
    box-shadow: 0px 0px 0.5em #000000;
    max-width:364px;
}
.caption {
    position:absolute;
    padding:0.25em;
    top:1em; left:0; right:0;
    color:black;
    background-color:rgba(0,0,0,0.2);
    text-align:center;
}