apply here and remove background color blue

index.html

@@ -51,17 +51,8 @@
       content:""; position:absolute; inset:0 0 auto 0; height:4px;
       background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky));
     }
-
     /* Soft patterned sections */
-    .pattern-navy{
-      background:
-        radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
-        radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
-        radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
-        linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
-      background-color:var(--vlc-navy);
-    }
-    .pattern-tint{
+.pattern-tint{
       background:
         radial-gradient(18px 18px at 20% 30%, rgba(141,198,63,.10) 0 6px, transparent 7px),
         radial-gradient(18px 18px at 70% 60%, rgba(0,160,233,.10) 0 6px, transparent 7px);
@@ -218,9 +209,8 @@
       </div>
     </div>
   </header>
-
   <!-- Banner Section -->
-  <section class="pattern-navy text-white py-16 px-4">
+  <section class="bg-cover bg-center text-white py-16 px-4" style="background-image: url('https://huggingface.co/spaces/vlcsolutions/vlc-securetrust-shield/resolve/main/images/Protection Clients-main banner-all2025.png')">
     <div class="max-w-7xl mx-auto text-center">
       <h1 class="text-4xl md:text-5xl font-bold mb-6">Security is the Foundation of All We Do</h1>
        <p class="text-xl md:text-1xl mb-8 text-white/90 drop-shadow-lg">
@@ -228,11 +218,10 @@
         </p>
       <div class="flex flex-wrap justify-center gap-4">
         <a href="https://www.vlcsolutions.com/contactus.html" class="btn-accent px-6 py-3 rounded-md font-medium">Get Our Security Practices</a>
-</div>
+      </div>
     </div>
   </section>
-
-  <!-- Section 1 -->
+<!-- Section 1 -->
   <section class="py-16 px-4 bg-white">
     <div class="max-w-7xl mx-auto">
       <div class="grid md:grid-cols-2 gap-12 items-center">