diff --git a/templates/partials/music.html b/templates/partials/music.html
index 0ff26b2..f239e50 100644
--- a/templates/partials/music.html
+++ b/templates/partials/music.html
@@ -5,21 +5,24 @@
   </cute-container>
 </music>
 <script>
-  const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-  const container = document.getElementById("bg-text");
-  const colWidth = 20;
-  const rowHeight = 24;
-  const cols = Math.ceil(window.innerWidth / colWidth);
-  const rows = Math.ceil(window.innerHeight / rowHeight);
+  (function () {
+    const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
+    const container = document.getElementById("bg-text");
+    if (!container) return;
+    const colWidth = 20;
+    const rowHeight = 24;
+    const cols = Math.ceil(window.innerWidth / colWidth);
+    const rows = Math.ceil(window.innerHeight / rowHeight);
 
-  for (let c = 0; c < cols; c++) {
-    const col = document.createElement("vertical-marquee-inner");
-    col.style.left = c * colWidth + "px";
-    for (let r = 0; r < rows; r++) {
-      const span = document.createElement("text");
-      span.textContent = chars[Math.floor(Math.random() * chars.length)];
-      col.appendChild(span);
+    for (let c = 0; c < cols; c++) {
+      const col = document.createElement("vertical-marquee-inner");
+      col.style.left = c * colWidth + "px";
+      for (let r = 0; r < rows; r++) {
+        const span = document.createElement("text");
+        span.textContent = chars[Math.floor(Math.random() * chars.length)];
+        col.appendChild(span);
+      }
+      container.appendChild(col);
     }
-    container.appendChild(col);
-  }
+  })();
 </script>