JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one">
    Some div
</div>
<div id="two">
    Another div
</div>
<div id="three">
    Yet another div
</div>

CSS

div#one
{
    width: 200px;
    height: 200px;
    position: absolute;
    background-color: Red;
}

div#two
{
    width: 300px;
    height: 200px;
    position: absolute;
    margin: 100px 100px;
    color: White;
    background-color: Blue;
    opacity: 0.6;
}

div#three
{
    width: 300px;
    height: 200px;
    position: absolute;
    margin: 150px 50px;
    color: White;
    background-color: Green;
    opacity: 0.5;
}

JavaScript

// Transparency