#animation-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* Stay behind content but above background image if possible, or just overlay */
  pointer-events: none;
}

body {
  position: relative;
  overflow-x: hidden;
}

/* Ensure the root content is above the canvas if needed, 
   but since canvas is pointer-events: none, it's fine.
   However, if we want it to be a background, z-index should be low.
*/
#root {
  position: relative;
  z-index: 2;
}