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>
  </div>

CSS

.about-me__banner-text {
  background-image: url("https://i.imgur.com/qiUWxdd.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 57px;
  line-height: 57px;
  text-align: center;
}