I've made a starry heaven like background with some particles like this:

for (let i = 0; i < num; i++) {
  particles.push(createVector(random(width), random(height)));
  stroke(82, 48, 192);
}
}

function draw() {
  background(0, 10)
  for (let i = 0; i < num; i++) {
    let p = particles[i];
    point(p.x, p.y);
  }
}

I wan to apply it to a html page as a background. I've managed to append it with the parent() function but it displays under the div I've appended it to. Is there a way to really make this the background instead of placing it under it at the page?