JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
    <a href="#">
      Specialized
      <span></span>
    </a>
  </li>
  <li>
    <a href="#">
      Optimized
      <span></span>
    </a>
  </li>
</ul>

CSS

ul {
  padding-left: 0;
  list-style: none;
  font-size: 40px;
  line-height: 51px;
  font-weight:bold
}
ul li {
  margin-bottom: 20px;
}
ul li a {
    position: relative;
    display: table-caption;
    
}
ul li span {
  position: absolute;
  width: 86%;
  height: 100%;
  left: 0;
  margin-bottom: 20px;
  background-image: url(https://source.unsplash.com/jTSf1xnsoCs);
  background-size: auto 51px;
}