JSFiddle - React, Tailwind, and code Playground

HTML

<iframe width="500" height="315" src="http://www.youtube.com/embed
/8ZU08c5tFHc?wmode=opaque" frameborder="0" allowfullscreen></iframe>

<footer id='footer'>overlap</footer>

SCSS

#footer{
margin:0 auto;
width:950px;
height:335px;
position:fixed;
bottom:0; 
    z-index: 1000;
    color: #c00;
    font-size: 3em;
}