apply attached image in the background in the banner section

index.html

@@ -97,8 +97,8 @@
   <!-- Banner Section -->
   <section class="pattern-navy text-white py-16 md:py-24 relative overflow-hidden">
     <div class="absolute inset-0 z-0">
-      <img src="http://static.photos/technology/1024x576/5" alt="Warehouse automation" class="w-full h-full object-cover opacity-20">
-    </div>
+      <img src="https://huggingface.co/spaces/vlcsolutions/warehouse-wizardry-wizard/resolve/main/images/distribution-synchronize-shipments-main-banner.png" alt="Warehouse automation" class="w-full h-full object-cover opacity-20">
+</div>
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
       <div class="text-center" data-aos="fade-up">
         <h1 class="text-4xl md:text-5xl font-bold mb-4 text-shadow-lg">Intelligent Distribution, Powered by Automation</h1>