#backgroundCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Ensures it stays behind all other content */
    pointer-events: auto; /* Keeps it interactive */
}

/* Ensure other content stays above */
body, body * {
    position: relative; /* Gives other elements a higher stacking context */
    z-index: 0; /* Anything above -1 will be in front */
}

/* Optional: If you have transparent elements that shouldn’t block interaction */
.transparent-element {
    pointer-events: none; /* Allows events to pass through to the canvas */
}