JSFiddle - React, Tailwind, and code Playground

HTML

<div class="r one"></div>
<div class="b one"></div>
<div class="y one"></div>

CSS

.one {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50px;
}
.r {
    background-color: rgba(255, 0, 0, 0.4);
    transform: translate(300px, 200px);
}
.b {
    background-color: rgba(0, 0, 255, 0.4);
    transform: translate(270px, 150px);
}
.y {
    background-color: rgba(255, 255, 0, 0.4);
    transform: translate(330px, 150px);
}