JSFiddle - React, Tailwind, and code Playground

by Brian Dillingham

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div id="header" class="col-md-12">
    <div id="slider" class="col-md-12"></div>    
    <div id="overlay"></div>
</div>
<div id="content">bla bla text</div>

CSS

#header{
    background-color:red;
    
}
#slider{
    background-color:green;
    height:200px;
}
#overlay{
    position:absolute;
    top:20px;
    right:30px;
    height:160px;
    width:200px;
    background-color:blue
}

@media screen and (max-width: 1024px){
    #overlay {
        position: initial;
    }
}