apply here

index.html

@@ -318,8 +318,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
 
       <div class="grid md:grid-cols-2 gap-12 items-center mb-20">
         <div data-aos="fade-right">
-          <img src="http://static.photos/technology/1024x576/2" alt="Conveyor System" class="rounded-lg shadow-xl">
-        </div>
+          <img src="https://huggingface.co/spaces/vlcsolutions/dynamic-warehouse-wizardry/resolve/main/images/distribution-orchestrate-real-time.png" alt="Conveyor System" class="rounded-lg shadow-xl hovered-element">
+</div>
         <div data-aos="fade-left">
           <h2 class="text-3xl font-bold text-[var(--vlc-navy)] mb-4">Real-Time Conveyor Orchestration</h2>
           <p class="text-gray-600 mb-4">