JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div></div>

CSS

body{
    background: url('http://lorempixel.com/output/people-q-c-640-480-3.jpg');
    background-size:cover;
}
div{
    position:relative;
    width:500px; height:500px;
    margin:10px;
    overflow:hidden;
}
div:after{
    content:'';
    position:absolute;
    left:50px; top:50px;
    border-radius:100%;
    width:400px; height:400px;
    box-shadow: 0px 0px 0px 2000px #000;
}