.orbital {
  max-width: 470px;
}

.cat-halo {
  position: absolute;
  width: 60%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #6fd5ce28, transparent 69%);
  filter: blur(8px);
}

.bubble-photo {
  position: relative;
  z-index: 1;
  width: 97%;
  height: 97%;
  object-fit: contain;
  filter: drop-shadow(0 24px 20px #010610a8) drop-shadow(0 0 26px #72d7ce1f);
  transform: translateY(-1%);
}

.orbital .satellite,
.orbital .coordinate {
  z-index: 2;
}

.orbital .satellite-one {
  left: 11%;
}

.orbital .satellite-two {
  right: 10%;
}

.orbital .orbit {
  z-index: 0;
}

@media (max-width: 760px) {
  .orbital {
    max-width: 340px;
  }
}