body {
    background: linear-gradient(to bottom, #151526, #2a2a42);
    background-attachment: fixed; /* Keeps the background fixed to the viewport */
    background-repeat: no-repeat;
}

.star-system {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  height: 1200px;
}
/*Sekaimi Cat Group */
.catplanet {
  position: absolute;   /* or relative */
  top: 215px;
  left: 784px;
}
.catplanet img {
  position: absolute;
  cursor: pointer;
}

/* Moon Ground */
.moon-ground {
  position: fixed;
  bottom: 24px;
  left: 38%;
  transform: translateX(-50%) scale(2.1);
  height: 185px;
  width: 600px; /* adjust to your ground image width */
}

/* Konpeito container */
.konpeito {
  position: absolute;
  cursor: pointer;
  overflow: visible;
}

/* Base image */
.konpeito .base {
  display: block;
}

.konpeito .glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* Hover effect */
.konpeito:hover .glow {
  opacity: 50%;
}