JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="draglist">
    <li><div style="background: blue"></div></li>
    <li><div style="background: red"></div></li>
    <li><div style="background: green"></div></li>
    <li><div style="background: yellow"></div></li>
    <li><div style="background: gray"></div></li>
</ul>

CSS

.draglist {
    position: relative;
}

.draglist li {
    position: absolute;
}

.draglist li div {
    width: 100px;
    height: 100px;
}

.draglist li:nth-child(1) { left: 10px; top: 10px; z-index: 10; }
.draglist li:nth-child(2) { left: 20px; top: 20px; z-index: 9; }
.draglist li:nth-child(3) { left: 30px; top: 30px; z-index: 8; }
.draglist li:nth-child(4) { left: 40px; top: 40px; z-index: 7; }
.draglist li:nth-child(5) { left: 50px; top: 50px; z-index: 6; }