body {
  margin: 0;
  overflow: hidden;
  background-image: url("img/bg.png"); /* Set background image */
  background-size: cover; /* Cover the entire viewport */
  background-position: center; /* Center the background image */
  background-repeat: no-repeat; /* Prevent background image from repeating */
  background-attachment: fixed; /* Keep background fixed while scrolling */

}

#background-video-container {
  position: fixed;
  z-index: 1; /* Ensure the video is top of the BG image */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#background-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cover the entire container with the video */
}

.container {
    display: grid;
    place-items: center; /* Center both horizontally and vertically */   
}

#spline {
    position: fixed; /* Position the spline viewer absolutely within the body */
    top: -10%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Ensure the spline viewer is on top of the video */
}