clip image to text with CSS

Github here

Step1:
html

Link css and font type from google Fonts

Step2:
CSS

The background is an image covered.

Make the words bolder for the background image showing.

background-clip:text --------clip the text shape from the background image.
And transparent it.

How to make text-shadow:
With pseudo class, it will be another text of the content. And it's normal to add text shadow.Be sure to transparent the content.