JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fixed"><span class="over">This should be over the content</span></div>
<div class="content">
<p>Moving along&hellip; Oh, how awful. Did he at least die painlessly? &hellip;To shreds, you say. Well, how is his wife holding up? &hellip;To shreds, you say. Leela's gonna kill me.</p>
<p>Dr. Zoidberg, that doesn't make sense. But, okay! Oh God, what have I done? Dr. Zoidberg, that doesn't make sense. But, okay!</p>
    <p>Morbo will now introduce tonight's candidates&hellip; PUNY HUMAN NUMBER ONE, PUNY HUMAN NUMBER TWO, and Morbo's good friend, Richard Nixon. I saw you with those two "ladies of the evening" at Elzars. Explain that. Look, last night was a mistake. I'll get my kit!<br/>
        
        Who's brave enough to fly into something we all keep calling a death sphere?</p>
<p>And until then, I can never die? Yes, if you make it look like an electrical fire. When you do things right, people won't be sure you've done anything at all. Fry, we have a crate to deliver. Um, is this the boring, peaceful kind of taking to the streets? I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending me checks. Now 'I'' have to pay ''them'! Leela's gonna kill me.</p>
<p>You seem malnourished. Are you suffering from intestinal parasites? I barely knew Philip, but as a clergyman I have no problem telling his most intimate friends all about him. Say it in Russian! Maybe I love you so much I love you no matter who you are pretending to be.</p>
</div>

CSS

body {
    padding: 20px;
}
.fixed {
    position: fixed;
}
.over {
    position: relative;
    z-index: 1000;
    background: #EEE;
}
.content {
    position: fixed;
}