JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="line-behind">Begin My Giving Journey</h3>

CSS

h3.line-behind { width: auto; position: relative; text-align: center}
    h3.line-behind:after { position:absolute;
  content:'';
  height:2px;
  width:150%;
  top:50%;
  transform:translateY(-50%);
  left:50%;
  transform:translateX(-50%);
  z-index:-1;
  background: linear-gradient(to right, rgba(25,25,25,0) 0%,
                                        rgba(25,25,25,1) 35%,
                                        rgba(255,255,255,0) 36%,
                                        rgba(255,255,255,0) 65%,
                                        rgba(25,25,25,1) 66%,
                                        rgba(25,25,25,0) 100%); }