JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div></div>

CSS

body{
    background: url(http://lorempixel.com/output/people-q-c-720-480-6.jpg) no-repeat;
}

div{
    width:40%;
    height:300px;
    position:relative;
    overflow:hidden;
}
div:before{
    content:'';
    position:absolute;
    bottom:50%;
    width:100%;
    height:100%;
    border-radius:100%;
    box-shadow: 0px 300px 0px 300px #448CCB;
}