JSFiddle - React, Tailwind, and code Playground

by metulev

HTML

<div>

</div>

CSS

body {
  --image-size: 400px;
  
}

div {
  width: var(--image-size);
  height: var(--image-size);
  background: url(http://lorempixel.com/200/200/abstract/6);
  border-radius: 50%;
  -webkit-mask-image: radial-gradient(circle calc(var(--image-size) - 120px) at 160px 160px, transparent 49%, white 50%);
}