JSFiddle - React, Tailwind, and code Playground

by Felipe Zura

HTML

<div>
  <img src="http://oi67.tinypic.com/28a11js.jpg">
  <p>Texto</p>
</div>

CSS

div, img {
  display: block;
  position: relative;		
  width: 300px;
}

div p {
  background-color: rgba(255,255,255,.8);
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  padding: 5px;
  width: 100%;
}