JSFiddle - React, Tailwind, and code Playground

by Alex Myronov

HTML

<div class="last">
	
	<div class="c"></div>
</div>

<div class="first">
	<div class="a"></div>
	<div class="b"></div>
	
</div>

CSS

div { 
	height: 50px;
	width: 50px;
	background-color: blue;
	position: absolute;
}

.first {
	top: 30px;
	left: 30px;
	background-color: lime;
	z-index: 1;
}

.last {
	z-index: 0;
}

.c {
	background-color: red;
	top: 15px;
	left: 15px;
	z-index: 1000;
}

.a, .b, .c {
	width: 25px;
	height: 25px;	
}

.a {
	top: 25px;
	background-color: yellow;
}

.b {
	left: 25px;
	background-color: yellow;
}