Let's fix without AI...

index.html

@@ -14,7 +14,6 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            background-color: lightblue;
         }
 
         #canvas-container {
@@ -26,6 +25,7 @@
         #drawing-canvas {
             width: 100%;
             height: 100%;
+            z-index:10;
         }
 
         #text-container {
@@ -96,7 +96,7 @@
                 // Draw all circles
                 circles.forEach(circle => {
                     ctx.beginPath();
-                    ctx.arc(circle.x, circle.y, 50, 0, Math.PI * 2); // Radius of 50
+                    ctx.arc(circle.x, circle.y, 100, 0, Math.PI * 2); // Radius of 50
                     ctx.fillStyle = circle.color || 'white';
                     ctx.fill();
                     ctx.closePath();