#hero{
    position: absolute; /* Position the content absolutely */
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the content */
    color: white; /* Text color */
    z-index: 2; /* Ensure content is above the canvas */
    background-color: transparent !important;
}

.hero-img {
    height: 40% !important;    /* Maintain aspect ratio */
  }


.container_gaze {
  width: 100%;
  height: 100%;
  background-image: radial-gradient(1600px at 70% 120%, rgba(33, 39, 80, 1) 10%, #020409 100%);
}

.content_gaze {
  width: inherit;
  height: inherit;
}

#universe {
  width: 100%;
  height: 100%;
}

#footerContent {
  font-family: sans-serif;
  font-size: 110%;
  color: rgba(200, 220, 255, .3);
  width: 100%;
  position: fixed;
  bottom: 0px;
  padding: 20px;
  text-align: center;
  z-index: 20;
}



#scene {
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -800px;
}

#title{
    color: white !important;
}