JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <div id="slider">slider</div>
    <div id="bottom">bottom</div>
</div>

CSS

#wrap{
    position:relative; /*contenedor relativo, para controlar las cotas de las cajas absolutas anidadas*/
}
#slider, #bottom{
    width: 200px;
    height: 200px;
    padding: 16px; 
}
#slider{
    background: skyblue;
    position: relative; /*como no necesitamos desplazarlo dejamos */
    top: 0; 
    left: 0;
    z-index: 0;
}
#bottom{
    background: orange;
    position: absolute;
    top: 100px; 
    left: 100px;
    z-index: 1;
}