JSFiddle - React, Tailwind, and code Playground

HTML

<div class="anim">

         <div class="spacer">
            <p>CONTENT</p>
            <p>more content</p>
        </div>

    </div>

CSS

.anim {
    position:relative;
    width:75%;
    margin:auto;
    height:500px;
    border: 1px solid black;
}


.spacer{
    position:absolute;
    height:300px;
    top:0;
    bottom:0;    
    border: 1px solid red;   
    margin-top: 100px;
}