JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image">
      <img src="http://photos.travellerspoint.com/537624/large_DSC_0081__6_.jpg" alt="" />
      <h2>Cidades mais elegantes do mundo: <br />NeoTokyo</h2>
</div>

CSS

.image { 
   position: relative; 
}

h2 { 
   position: absolute; 
   bottom: 20px; 
   left: 0px; 
    padding: 0 20px 0 20px;
    color:White;
    background-color: rgba(0,0,0,.8);
}