JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">wrapper - position: relative
    <div class="bottom">bottom - position: fixeddddd</div>
</div>
<div class="top">top - position: absolute</div>

CSS

.wrapper {
    position: relative;
    background: red;
    z-index: auto; /* change to '1' */
}
.bottom {
    position: fixed;
    background: green;
}
.top {
    position: absolute;
    background: blue;
}