JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<section>
   <div class="banner">
   </div> 
</section>

CSS

.banner
{
  background: url(https://images.pexels.com/photos/196644/pexels-photo-196644.jpeg);
    padding: 12em 0;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    
}