JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

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

CSS

body{
    background-color:red;
}
.box, .circle
{
    background-color:rgb(186, 230, 255);
    width:250px;
    height:250px;
    background-attachment: fixed;
    
}

.circle {
    background-color:transparent;
	border-radius: 50%;
	width: 250px;
	height: 250px; 
    text-align:center;
    background-image:url('http://i.imgur.com/NGz1YlF.png');
    background-repeat:no-repeat;
    background-size:65%;
    background-position:center bottom;
   
}