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 {
  position: relative;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-me__banner-text {
  position: absolute;
}