align image done

Author: Amit-Gupta-Code

src/components/common/Footer.tsx

@@ -286,15 +286,15 @@ const Footer = () => {
               </div>
             </div>
           </div>
-        </div>
 
-        {/* Footer Banner Image */}
-        <div className="mb-10 flex justify-center">
-          <img
-            src="/cockroach%20janata%20party.jpg"
-            alt="Cockroach Janta Party"
-            className="w-full max-w-4xl rounded-2xl object-cover"
-          />
+          {/* Banner image — spans Platform + Resources columns */}
+          <div className="hidden lg:block lg:col-start-2 lg:col-span-2">
+            <img
+              src="/cockroach%20janata%20party.jpg"
+              alt="Cockroach Janta Party"
+              className="w-full h-48 rounded-2xl object-cover"
+            />
+          </div>
         </div>
 
         {/* Bottom Bar */}