JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div id="headercontainer" data-type="background" data-speed="5">
    <div id="headersubcontainer">
         <h1>Simple and Cost Effective Web Solutions</h1> 
    </div>
</div>
<div id="teamcontainer" data-type="background" data-speed="5">
    <div id="teamsubcontainer">
         <h1>Developed by a dedicated team</h1> 
    </div>
</div>

CSS

h1 {
    font-size: 48px;
    font-family: $header-font-stack;
    font-weight: 100;
    width: 400px;
}
#headercontainer {
    width: 100%;
    height: 800px;
    display:inline-block;    
    margin:0;
    background:blue;
    background-position: center top;
    background-repeat: no-repeat;
}
#headercontainer h1 {
    text-align: center;
    margin: 0px auto;
    margin-top: 160px;
    color: #610B21;
}