JSFiddle - React, Tailwind, and code Playground

HTML

<div class="overlay">content</div>
<div class="stuff">
    off screen
    <p class ="content">
        Content
    </p>
</div>

CSS

html, body {
    margin: 0;
    padding: 0;
    
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: lightblue;
    top: 0;
    left: 0;
}
.stuff {
    position: absolute;
    width: 100%;
    background: lightgreen;
    top: 100%;
}

.content {
    background-color: purple;
    height: 500px;
    width: 100%;
}