.circle-container{position:relative;width:100%;aspect-ratio:1;perspective:1500px}.circle-wrapper{position:absolute;transform-style:preserve-3d;pointer-events:none}.circle1{transform:rotateX(60deg) rotateY(20deg) rotate(5deg);top:0;left:-15%;width:75%;height:75%}.circle2{transform:rotateX(-60deg) rotateY(20deg) rotate(5deg);top:-10%;left:25%;width:100%;height:100%}.circle3{transform:rotateX(60deg) rotateY(-20deg) rotate(5deg);top:20%;left:-5%;width:80%;height:80%}.circle4{transform:rotateX(-60deg) rotateY(-20deg) rotate(5deg);top:15%;left:20%;width:100%;height:100%}