JSFiddle - React, Tailwind, and code Playground

by rulin shyu

HTML

<div>SIMPSON</div>

CSS

div {
    width: 589px;
    height: 393px;
    color: transparent;
    font-size: 100px;
    font-weight: 800;
    text-align: center;
    line-height: 393px;
    background: url("https://cdn0.vox-cdn.com/thumbor/o1W7WSjwm46bEB5S0PBbuv3Tj1Q=/148x0:1768x1080/1280x854/cdn0.vox-cdn.com/uploads/chorus_image/image/47413330/the-simpsons-tv-series-cast-wallpaper-109911.0.0.jpeg") no-repeat;
    background-size: contain;
    -webkit-background-clip: text;
}