JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

body div{
    top:100px;
    width:150px;
    margin:0 auto;
    height:150px;
    background:-o-radial-gradient(top left,#ffffff 0,#ff0000 20%,#cc0000 40%,#330000 80%,#ffffff);
    background:-moz-radial-gradient(top left,#ffffff 0,#ff0000 20%,#cc0000 40%,#330000 80%,#ffffff);
    background:-webkit-radial-gradient(top left,#ffffff 0,#ff0000 20%,#cc0000 40%,#330000 80%,#ffffff);
    background:-ms-radial-gradient(top left,#ffffff 0,#ff0000 20%,#cc0000 40%,#330000 80%,#ffffff);
    background:radial-gradient(top left,#ffffff 0,#ff0000 20%,#cc0000 40%,#330000 80%,#ffffff);
    position:relative;
    overflow:visible;
    padding:60px;
    border-radius: 50%;
    border:1px solid black;
    }
     
body div:after{
    content:'';
    position:absolute;
    background:-moz-radial-gradient(left,#660000 20px,rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background:-o-radial-gradient(left,#660000 20px,rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background:-webkit-radial-gradient(left,#660000 20px,rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background:-ms-radial-gradient(left,#660000 20px,rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    background:radial-gradient(left,#660000 20px,rgba(0,0,0,1) 50%,rgba(0,0,0,0));
    height:80px;
    bottom:0px;
    left:90px;
    width:300px;
    border-radius: 50%;
    z-index:-1;
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    }