.planet-ring { position: absolute; width: 150%; height: 30%; border: 20px solid rgba(168, 218, 220, 0.25); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) rotateX(75deg) rotateZ(-8deg); box-shadow: 0 0 40px rgba(94, 177, 191, 0.2), inset 0 0 40px rgba(168, 218, 220, 0.15), 0 10px 30px rgba(0, 0, 0, 0.4); } .planet-ring::before { content: ''; position: absolute; top: -25px; left: -25px; right: -25px; bottom avezz1234 - Docs