JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <img class="Hintergrund" src="Ring1.svg">
    <img class="Vordergrund" src="Ring2.svg">
</div>

CSS

.Hintergrund
{
position: absolute;
width:100px;
height:100px;
background-color:#fff;
top:0px;
left:0px;
z-index: 0;    

}
.Vordergrund
{
position:absolute;
width:100px;
height:100px;
background-color:#000;
opacity: .5;
top:0px;
left:0px;
z-index: 1;
}