JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

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

CSS

.box
{
    background-color:rgb(186, 230, 255);
    width:250px;
    height:250px;
    padding:15px;
    
}

.circle {
    background-color:#fff;
	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;
}