JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
<img src="https://www.walldevil.com/wallpapers/a87/thumb/japan-wallpapers-beautiful-spring-sakura.jpg" alt="">
  <figcaption>ОПИСАНИЕ</figcaption>
</figure>

CSS

figure {
  position:relative;
  width: 300px;
  height: 200px;
}
figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  height: 30px;
  line-height: 30px;
}