.earth-animation-container{pointer-events:none;z-index:1;opacity:.3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.planet-container{z-index:1;border-radius:50%;width:600px;height:600px;position:relative;overflow:hidden;box-shadow:5px -3px 10px 3px #5e90f1}.night{z-index:2;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_nightmap.jpg);background-size:200%;width:600px;height:600px;animation:80s linear infinite rotate-night;position:absolute}.day{z-index:3;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_daymap.jpg);background-size:200%;border-left:1px solid #000;border-radius:50%;width:600px;height:600px;margin-left:132px;animation:80s linear infinite rotate-day;position:absolute;box-shadow:inset 5px 0 20px 10px #040615}.clouds{opacity:.45;z-index:4;background-image:url(https://www.solarsystemscope.com/textures/download/2k_earth_clouds.jpg);background-size:200%;border-radius:50%;width:600px;height:600px;margin-left:120px;animation:50s linear infinite rotate-day,100s infinite spin-clouds;position:absolute;box-shadow:inset 5px 0 20px 10px #040615,inset -9px 0 20px 10px #5e90f1}.inner-shadow{z-index:5;background:0 0;border-radius:50%;width:600px;height:600px;margin-left:0;position:absolute;box-shadow:inset -5px 0 10px 1px #152b57,inset 5px 0 10px 1px #040615}@keyframes rotate-day{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes rotate-night{0%{background-position:calc(120% + 120px) 0}to{background-position:calc(120px - 80%) 0}}@keyframes spin-clouds{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(0)}}@media (max-width:768px){.planet-container,.night,.day,.clouds,.inner-shadow{width:400px;height:400px}.day{margin-left:88px}.clouds{margin-left:80px}}@media (max-width:480px){.planet-container,.night,.day,.clouds,.inner-shadow{width:300px;height:300px}.day{margin-left:66px}.clouds{margin-left:60px}}