not there but in circles inn last

index.html

@@ -326,8 +326,8 @@
     <script>
       feather.replace();
       
-      // Initialize Vanta.js background
-      VANTA.NET({
+      // Initialize Vanta.js circles background
+      VANTA.CIRCLES({
         el: "#vanta-bg",
         mouseControls: true,
         touchControls: true,
@@ -336,11 +336,10 @@
         minWidth: 200.00,
         scale: 1.00,
         scaleMobile: 1.00,
-        color: 0x7c3aed,
+        color: 0x8b5cf6,
         backgroundColor: 0x111827,
-        points: 12.00,
-        maxDistance: 22.00,
-        spacing: 18.00
+        size: 1.50,
+        spacing: 20.00
       });
     </script>
 <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>

style.css

@@ -28,12 +28,20 @@ body {
 section {
   scroll-margin-top: 80px;
 }
+/* Hero section background */
+#vanta-bg {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+}
 
 /* Animation for elements */
 .fade-in {
   animation: fadeIn 1s ease-in-out;
 }
-
 @keyframes fadeIn {
   from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }