<canvas> draw needs to be fixed?

Hello!

I’m currently experimenting with html canvas drawings with javascript and I’m running into an issue where if I try to stylize the canvas it does not work. From what I can tell the canvas needs to be fixed or absolute positioned and it has to be at the top of the page. Every time I try to play around with its positioning or adding another section above it no longer works. Does anyone know of a good workaround for this?

https://preview.webflow.com/preview/christophers-exceptional-site-d10609?utm_medium=preview_link&utm_source=designer&utm_content=christophers-exceptional-site-d10609&preview=b3747ed1b36fcc47879fc1bcf2757145&workflow=preview

https://christophers-exceptional-site-d10609.webflow.io/


Here is my site Read-Only: LINK
(how to share your site Read-Only link)