.earth {
	position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    min-width: 634px;
    min-height: 634px;
    overflow: hidden;
    transform: translate(0, 0);
    aspect-ratio: 1 / 1;
}

.earth::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: .5;
} 

.earth .Layer {
	left: 50%;
	top: 50%;
	position: relative;
	transform-origin: 0 0;
}

.earth .Layer img {
	position: absolute;
	overflow: hidden;
	transform-origin: 0 0;
	user-select: none;
	width: 256px;
	height: 256px;
}

.earth .Layer.level-4::before {
	content: "";
	width: 1030px;
	height: 1030px;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 1;
	border-radius: 50%;
	box-shadow: inset 150px 150px 150px #00adff82, inset -150px -150px 150px #000000cc, -29px -27px 78px #0c86cdf5, 30px 30px 40px black, -15px -15px 50px black, -15px 15px 50px black, 15px -15px 50px black;
	user-select: none;
}

.earth .Layer.level-4::after {
	content: "";
	width: 1040px;
	height: 1040px;
	position: absolute;
	transform: translate(-50%, -50%);
	z-index: 2;
	backdrop-filter: blur(5px);
	-webkit-mask: radial-gradient(circle 512px,transparent 70%,white 100%);
	border-radius: 50%;
	user-select: none;
}