/* Asegúrate de que html y body ocupen el 100% de altura */
html, body {
  height: 100%;
  margin: 0;          /* evita gaps blancos */
}

/* Este es tu contenedor SVG: lo hacemos fixed en todo el viewport */
#bg-container {
  position: fixed;    /* antes era absolute dentro de main */
  top: 0;
  left: 0;
  width: 100vw;       /* todo el ancho de ventana */
  height: 100vh;      /* toda la altura de ventana */
  overflow: hidden;
  pointer-events: none;
  z-index: 0;         /* detrás de todo */
}

/* Tu SVG sigue moviéndose, pero ahora ocupa el 100% de altura */
#bg-container svg {
  width: 200%;        /* sigues moviendo al doble de ancho para el slide */
  height: 100%;       /* 100% de la altura del viewport */
  display: block;
  opacity: 1;         /* ya lo fadeaste con GSAP */
}

/* El slide de .g igual */
.g {
  animation: slide 12s linear infinite;
}

@keyframes slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}