JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle circle--1"></div>

<div class="circle circle--2"></div>

CSS

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: red;
  transform: rotateX(40deg) rotateY(0deg) rotateZ(0deg);
}

.circle--1 {
  filter: blur(10px) opacity(1);
}