JSFiddle - React, Tailwind, and code Playground

by loktar

HTML

<div id="canvasesdiv" style="text-align:center;">
        <canvas id="bottomlayer-background">
        </canvas>
        <canvas id="toplayer-movingstuff">.
        </canvas>
</div>

CSS

#canvasesdiv{margin:0 auto; position:relative; width:300px;}

#bottomlayer-background, #toplayer-movingstuff{
    position:absolute; 
    z-index: 1; 
    border:1px dotted blue; 
    height:200px;
    width:300px;
}
#toplayer-movingstuff{
    z-index: 2; 
    border:1px solid red; 
}