<i data-feather="activity" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i> : apply here image

index.html

@@ -426,8 +426,8 @@
       
       <div class="grid md:grid-cols-3 lg:grid-cols-4 gap-6">
         <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">
-          <i data-feather="activity" class="w-10 h-10 mx-auto text-[var(--vlc-sky)] mb-4"></i>
-          <h3 class="font-bold mb-2">Real-Time Analytics</h3>
+          <img src="https://huggingface.co/spaces/vlcsolutions/manufacturing-intelligence-optimizer-pro/resolve/main/images/real-time-analytics-1.png" alt="Real-Time Analytics" class="w-10 h-10 mx-auto mb-4">
+<h3 class="font-bold mb-2">Real-Time Analytics</h3>
           <p class="text-sm">Instant insights into operations at a glance</p>
         </div>
         <div class="text-center p-6 border border-gray-100 rounded-lg hover:shadow-md transition">