JSFiddle - React, Tailwind, and code Playground

by Mecrano

HTML

<div class="DCRecommendation">
  <h5>Te puede interesar:</h5>
  <a href="/el-camino-hacia-el-lean-startup-9789584268501-3350/p">
    <img src="https://librerialerner.vteximg.com.br/arquivos/ids/291476-180-269/El-camino-hacia-el-Lean-Startup.jpg"/>
  </a>
</div>

CSS

.DCRecommendation {
  width: 200px;
  background-color: rgba(23, 25, 27, 0.5);
  padding: 10px;
  padding-bottom: 20px;
}

.DCRecommendation h5{
  color: rgba(23, 25, 27, 0.5);
  margin: 0;
  margin-bottom: 10px;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
}

.DCRecommendation img{
  width: 80%;
  margin: 0 auto;
  display: block;
}