Merge pull request 'advanced' (#1) from advanced into main

Reviewed-on: #1

fireworks.css

@@ -1,12 +1,15 @@
 .fireworks {
-  position: fixed;
+  position: absolute;
-  overflow: hidden;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10;
+
+  /* activate the following for fixed positioning */
+  /*position: fixed;*/
+  /*overflow: hidden;*/
 }
 
 .rocket-trail {

fireworks.js

@@ -108,6 +108,9 @@ function createExplosion(x, y) {
 
 // Function for the firework with trail
 function launchFirework() {
+  const fireworkContainer = document.querySelector('.fireworks');
+  if (!fireworkContainer) return;
+
   // Random horizontal position
   const x = Math.random() * window.innerWidth; // Any value across the entire width
 
@@ -133,14 +136,6 @@ function launchFirework() {
 
 // Start the firework routine
 function startFireworks() {
-  const fireworkContainer = document.querySelector('.fireworks') || document.createElement("div");
-
-  if (!document.querySelector('.fireworks')) {
-    fireworkContainer.className = "fireworks";
-    fireworkContainer.setAttribute("aria-hidden", "true");
-    document.body.appendChild(fireworkContainer);
-  }  
-  
   fireworksInterval = setInterval(() => {
     const randomCount = Math.floor(Math.random() * maxFireworks) + minFireworks;
     for (let i = 0; i < randomCount; i++) {