JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
	
	<div class="top"></div>
	<div class="under_top"></div>
	
</div>

CSS

.main{
	height: 500px;
	width: 100%;
	position: relative;
	background-color: #c6c6c6;
}

.top{
	width: 700px;
	height: 300px;
	position: absolute;
	background-color: #ffcb56;
	z-index: 1;
}

.under_top{
	width: 300px;
	height: 300px;
	position: absolute;
	background-color: #6a56ff;
	top: 50px;
	left: 450px;
}