JSFiddle - React, Tailwind, and code Playground

by muffls

HTML

<div class="header"></div>
<br />
<div class="header-with-scaling"></div>

CSS

.header, .header-with-scaling {
    background: url(http://www.hdwallpapers.in/walls/vivid_flowers-wide.jpg);
    height:100px;
}
.header-with-scaling {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}