JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
<div class="parrent">
    <div class="wrapper">
        <div class="inside">
        </div>
     <div>
</div>
<div>

CSS

.content{
    height: 1000px;
}
.wrapper{
    position:fixed;
    left:0; right: 0; top: 0; bottom: 0;
}
.parrent {
    width:80%;
    height:200px;
    background:#000000;
    position:absolute;
    top:0;
    left:10%;
    right:10%;
    z-index:1;
}

.inside {
    width:100%;
    height:100px;
    background:#ca3a3a;
    position:absolute;
    top:50px;
    z-index:5;
}