JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="inner_container">
<canvas id="lower" width="400" height="300" ></canvas>
<canvas id="upper" width="400" height="300" ></canvas>
    </div>
</div>

CSS

canvas {
    border: 2px solid #ddd;
    background-color:#eee;
}
#container {
    border: 2px solid #ccc;
    text-align:center;
    position:relative;
    padding:20px;
}

#inner_container{
    position:relative;
}
#upper {
    z-index: 1;
}
#lower {
    position:absolute; z-index: 0;
}