JSFiddle - React, Tailwind, and code Playground

HTML

<div id="intro">
   <h1 id="tagline">A dinner to remember...</h1>
</div>

CSS

#intro {
    height: 500px;
}

#intro:before {
    content: "";
    background: #000;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: absolute;
    z-index: -1;
    -webkit-filter: blur(5px);
}

#tagline {
    text-align: center;
    font-family: 'Lobster', cursive;
    font-size: 4em;
    color: #fff;
}