JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
  <div class="top">
    <h1>Заголовок</h1>
    <span class="img">
      <img class="img1" src="https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg">
      <img class="img2" src="https://i.5sfer.com/post/postImage/thumb-8ipwnn.jpg">
      <img class="img3" src="https://x-tolkovanie.ru/uploads/fotos/558-priroda-1.jpg">
    </span>
  </div>
  <div class="text">
<h2>Мечтаете о доме на Солнечном берегу?</h2>
Или хотите выгодно инвестировать в заграничную недвижимость? В любом случае - подходящий вариант уже ждет Вас! Большой выбор объектов жилой и коммерческой недвижимости и профессиональный сервис позволит провести сделку с удовольствием и получить нужный результат
  </div>
</div>

CSS

.top{
  position:relative;
  text-align:center;
  padding-bottom:50px;
}
.img{
  position:absolute;
  bottom:0;
}
.img img{
  position:absolute;
  width:100px;
  height:100px;
  object-fit: cover;
  border-radius:100%;
}
.img1{
  top:-70px;
  left:-50px;
}
.img2{
  top:-50px;
  left:-125px;
  z-index:-1;
}
.img3{
  top:-50px;
  left:25px;
  z-index:-1;
}
.text{
  padding-top:50px;
  background:#bbb;
}