JSFiddle - React, Tailwind, and code Playground

HTML

<div class="layer1">
  <div class="layer2">
    <img src="https://2ch.hk/ololo/wh_2.jpg" alt="Девочка" />
    <br />
    <span class="layer3">Какой-то текст</span>
  </div>
</div>

CSS

.layer1 {
     position: relative;
     /* Относительное позиционирование */
     background: #f0f0f0;
     /* Цвет фона */
     height: 200px;
     /* Высота блока */
   }
   
   .layer2 {
     position: absolute;
     /* Абсолютное позиционирование */
     margin-left: 25%;
   }
   
   .layer3 {
     position: absolute;
     /* Абсолютное позиционирование */
     margin-left: 25%;
   }