JSFiddle - React, Tailwind, and code Playground

by vals

HTML

<div id="circle"> </div>

CSS

#circle {
    position: relative;
    left: 40px;
    top: 40px;
	width: 100px;
	height: 100px;
    overflow: hidden;
}
#circle:after {
    width: 100px;
	height: 100px;
	background: red;
	border-radius: 50%;
    display: block;
    content: '';
    position: absolute;
    top: -20px;
    left: -5px;
}