JSFiddle - React, Tailwind, and code Playground

by igormarcondes

HTML

<html>
  <body>
      <p class="text">Frontend</p>
  </body>
</html>

CSS

body {
  background: #1f2227;
  text-align: center;
}
.text {
	background: url('https://as1.ftcdn.net/v2/jpg/04/95/34/02/1000_F_495340275_qBjhSqPWxncbqJHa35RIrfrNhFVTncOr.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: bold;
	font-family: verdana, sans-serif;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
   font-size: 7em;
}