body{background-color:#141c2f;margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center}.starry-sky{background-color:#141c2f;height:100vh;width:100vw;position:relative;overflow:hidden}.starry-sky:before,.starry-sky:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 25% 30%,#fff,#0000),radial-gradient(1px 1px at 75% 70%,#fff,#0000),radial-gradient(2px 2px at 10% 20%,#fff,#0000),radial-gradient(2px 2px at 60% 40%,#fff,#0000),radial-gradient(1px 1px at 35% 85%,#fff,#0000),radial-gradient(1px 1px at 90% 15%,#fff,#0000);background-repeat:repeat;background-size:250px 250px,300px 300px,350px 350px,400px 400px,450px 450px,500px 500px;animation:twinkle 4s infinite}.starry-sky:after{background-image:radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 15% 80%,#fff,#0000),radial-gradient(2px 2px at 85% 5%,#fff,#0000),radial-gradient(1px 1px at 40% 60%,#fff,#0000),radial-gradient(2px 2px at 70% 95%,#fff,#0000),radial-gradient(1px 1px at 5% 35%,#fff,#0000);background-repeat:repeat;background-size:300px 300px,350px 350px,400px 400px,450px 450px,500px 500px,550px 550px;animation:twinkle 5s infinite;animation-delay:.5s}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:.3}}.image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.responsive-image{width:20vw;min-width:100px;max-width:500px;height:auto}@media (max-width: 768px){.responsive-image{width:50vw}}