JSFiddle - React, Tailwind, and code Playground

HTML

<div class="about-me">
    <div class="about-me__banner">

      <div class="about-me__banner-text">
        <h3>About Me</h3>
      </div>

      <div class="about-me__banner-image">
        <img src="https://i.imgur.com/qiUWxdd.png">
      </div>

    </div>
  </div>

CSS

h3 {
  color: orange;
}
.about-me__banner-text {
  width:533px;
  position: absolute;
  z-index:1;
}
.about-me__banner-text h3 {
  text-align:center;
}
.about-me__banner-image {
  position: aboslute;
}