JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
	<div class="parent"></div>
    <div class="child"></div>
</div>

CSS

.main{
			width : 400px;
			height: 400px;
			border :1px solid black;
			z-index: 10;
            position:relative;
		}
		.parent{
			width: 100px;
			height: 100px;
			position: absolute;
			background: #e3e3e3;
			z-index: 5;
		}
		.child{
			width : 200px;
			height: 200px;
			background: red;
            position:absolute;
		}