JSFiddle - React, Tailwind, and code Playground

HTML

<h1 data-text="Hey buddy!">Hey buddy!</h1>

CSS

body {
    background: #221E1C;
    margin: 0;
    padding: 20px;
}
h1{
    color: #fff;
    font: 52px/52px Georgia, Times, serif;
    position: relative;
    text-transform: uppercase;
}
h1::after {
        background: url(http://viget.com/uploads/file/background-clip/bg-heading-diag.png);
    -webkit-background-clip: text;
        content: attr(data-text);
        color: transparent;
        left:4px;
        position: absolute;
        top: 4px;
        z-index: -1;
 }