<div class="wrapper">
  <div class="back"></div>
  <div class="back"></div>
  <div class="back"></div>
  <div class="label">
    <h3 class="title">Заголовок</h3>
  </div>
</div>

* {
  box-sizing: border-box;
}
.wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  .back {
    height: 500px;
    flex-grow: 1;
    background-size: cover;
    background-repeat: no-repeat;
    &:nth-child(1) {
      background-image: url('https://www.secondwavemedia.com/metromode/images/Features/img_5351.jpg');
    }
    &:nth-child(2) {
      background-image: url('https://images.photowall.com/products/54908/winter-day.jpg?h=699&q=85');
    }
    &:nth-child(3) {
      background-image: url('https://i1.wp.com/bdn-data.s3.amazonaws.com/uploads/2020/10/feature030419.jpg?fit=1024%2C637&ssl=1');
    }
  }
  .label {
    position: absolute;
    left: 100px;
    width: 200px;
    height: 150px;
    background: #0b0b0b;
    padding: 10px;
    display: flex;
    .title {
      color: #fff;
      margin: auto 0 0;
      text-transform: uppercase;
      font-size: 18px;
    }
  }
}