JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<img src="http://putevoditel-altai.ru/uploads/photos/previews/834_enshhs-bcb.jpg" alt="">
<div class="text">text</div>
</div>

CSS

.wrap {
  position: relative;
}
img {
  margin: 50px;
}
.text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 75px;
  height: 75px;
  background: #999 linear-gradient(to right, #999 0, #999 50px, #fff 51px, #fff 100%) no-repeat left bottom / 100% 25px;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-o-background-clip: text;
	background-clip: text;
	color: transparent;
}