JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <img width="150" height="150" src="https://lh6.googleusercontent.com/-x3DVbSzjXUw/Utg2dbe0nmI/AAAAAAAABBo/n9-wyNK-hZU/w1980-h1980/rbn.JPG"/>
</div>

CSS

.wrap{
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}