JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<div>
  <div class='g_5'><h5>строка большая</h5></div>
  <div class='g_5'><h5>строка большая строка большая</h5></div>
	</div>
</body>
</html>

CSS

.g_5 {
			width: 26%;
      font: 24px/20px serif; /* чтобы хватило высоты для фона 1-й строки */
		}

    h5 {
			display: inline;
      padding-right: 40px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      font-size: 14px; /* возвращаем реальный размер шрифта */
		}
    
    .g_5::first-line {
      background: url(data:image/webp;base64,UklGRiYCAABXRUJQVlA4WAoAAAAQAAAAEwAAEwAAQUxQSJgAAAABJ8GgkSRF13PMDybeyft3tOciItJRsLtRk4wfGef2fByv+IqIJhhGkpQIeHd3l/xzRPdCiOi/2rZtGKbOyReMHiIppueZikQ4Kmh/K9rA3Hh8/I44Yq6F1++MM1TlDz+I3pOyH0YqNVglbdgsPdglvSQ7tkodVks5lqlbjagGXx0wut11hfTbM9KPVIikXL5vKRPB6AEAAFZQOCBoAQAAcAcAnQEqFAAUAD5tLpJGpCKhoSgNUIANiWwAnTKEdQCCuAEoDeK95TL2tYP+Mr6A9gALbfvAcpseggnqQj3xwiRPQAAA/v5dmh3OIAo/f/CFstWojbJI2uPSfm3xgeHgcGaOwZqpoQuk/YeadW+BZ26ehirAGfvVOWy8OVe+S98UnMybutskU/7f2OqcjwRmlPEnn4B2oNmf9jb71Gtk3x/f9kHS6O3mKW6304f7BB/zBy3l8j8z++KDD5+f//4xdAwF/vF3/jkX8Tv4yY+d//0ebqA+PpNx0/E9Q7oSRY/j+WhxV4VknliJBJXlvb65AmsSUdjuPonEyJVexqT/D9D/XtvIeXH8DkEKaaYXG/JJL3fnOz49mQOBslWWeX4sVrS9BpCCQBCpjIjoj2xxP3Bu76ImdaWvseX5Kq5P3/zq3sUD9xuRJxImqwP7mC+lk0fjChiBauz8KBCZYa+nDAn6fAAN8AAA) 100% 100% no-repeat;
      padding: 8px 40px 8px 0;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
    }
    
    .g_5:hover::first-line {
      background-color: #ccc; /* подсветить область, к которой можно применить фон, для наглядности */
    }