JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one"></div>
<div class="two"></div>

<div class="three"></div>
<div class="four"></div>

CSS

div {
	position: absolute;
	width: 100px;
	height: 100px;
}
.one {
	top: 20px;
	left: 20px;
	background-color: rgb(0,0,255);
}
.two {
	top: 40px;
	left: 80px;
	background-color: rgba(0,0,255,.5);
}
.three {
	top: 160px;
	left: 20px;
	background-color: rgb(0,0,255);
}
.four {
	top: 180px;
	left: 80px;
	background-color: rgba(255,0,0,.5);
}