JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page-heading"></div>

CSS

.page-heading {
    background: url(http://lorempicsum.com/futurama/350/200/1) no-repeat fixed 50% 0px / cover;
    opacity: 0.9;
    box-shadow: inset 0 50px 0 50px rgba(36, 70, 105, 0.74);
    position: relative;
    text-align: center;
    padding: 72px 0px;
    width:100%;
}