Manual changes saved

index.html

@@ -281,7 +281,8 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
     </div>
   </header>
   <!-- Security Banner -->
-    <section class="text-white py-16 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-3rd-governance-po.png')] bg-cover bg-center">
+    <section class="text-white py-16 relative overflow-hidden bg-[url('https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-main-page-and-others.png')] bg-cover bg-center">
+ 
 <!-- Push content to the right side -->
     <div class="w-full flex justify-end">
       <!-- Center text inside this block -->
@@ -347,7 +348,7 @@ class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 te
     <div class="max-w-7xl mx-auto">
       <div class="grid md:grid-cols-2 gap-12 items-center">
         <div data-aos="fade-right">
-          <img src="https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-2nd-proven-expert.png" alt="Security certifications" >
+          <img src="https://huggingface.co/spaces/vlcsolutions/securedynamics-shieldforce/resolve/main/images/procedures-and-people-2nd-proven-expert.png" alt="Security certifications" class="rounded-lg shadow-xl hovered-element">
 </div>
         <div data-aos="fade-left">
           <h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-6">Proven Expertise and Industry Alignment</h2>