JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<style>
.container {
	    filter: drop-shadow(5px 5px 5px black);
	}
.circle-mask {
	    border-radius: 80px;
	    overflow: hidden;
	    width: 100px;
	    height: 100px;
	    position: absolute;
      filter: blur(20px);
	}
	.green-box {
	    width: 100px;
	    height: 100px;
	    background-color: green;
	}
	</style>
	<div class="container">
	  <div class="circle-mask">
	    <div class="green-box"></div>
</div>
</div>