JSFiddle - React, Tailwind, and code Playground

by Dan Shahin

HTML

<div class="circle-container">
  <div class="circle red" style="left: 10px; z-index: 3;"></div>
  <div class="circle green" style="left: 20px; z-index: 2;"></div>
  <div class="circle blue" style="left: 30px; z-index: 1;"></div>
</div>

CSS

.circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
}

.red {
  background-color: #000;
}