JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner">
    <h1>A really interesting banner title</h1>
</div>

CSS

body {
   margin:0; 
    background-color: #eee;
}
h1 {
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    font-family: sans-serif;
    font-size: 40px;
}
.banner {
    background: #299ed5 url(http://www.benbaker.co.uk//assets/img/header-bg.png) repeat-y;
    overflow: auto;
    padding: 60px;
    border-bottom: 3px solid #fff;
}
/*
*
*    Some time later...
*
*/
.banner {
    /*background: lime;*/
}
.banner {
    /*background-color: lime;*/
}