JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="circle">
            <div class="circle circle2"></div>
        </div>

CSS

.circle
    {
    
    margin: auto;
    border: solid 10px blue;
    border-radius: 50%;
    opacity: 0.3;
    width: 300px;
    height: 300px;
    background-image: url(http://i.stack.imgur.com/FcSzg.png);

}

.circle .circle2{
    width: 280px;
    height: 280px;
}