JSFiddle - React, Tailwind, and code Playground

HTML

<span class="blur-img"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/72/Ear-Spot_Squirrel.jpg/1200px-Ear-Spot_Squirrel.jpg"></span>

CSS

.blur-img {
  box-sizing: border-box;
  display: block;
  width: 50%;
  margin: 10% auto;
  border-radius: 50%;
  box-shadow: inset 0px 0px 20px 20px #fff, inset 0px 0px 20px 20px #fff;
  overflow: hidden;
  position: relative;
}

.blur-img img {
  box-sizing: border-box;
  width: 100%;
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: relative;
  z-index: -1;
}