diff --git a/src/components/ClickableGallery.tsx b/src/components/ClickableGallery.tsx
index 8eac564..c19f160 100644
--- a/src/components/ClickableGallery.tsx
+++ b/src/components/ClickableGallery.tsx
@@ -54,7 +54,7 @@ export function ClickableGallery() {
 
   return (
     <div ref={ref}>
-      <div className="py-24 relative isolate pt-24 pb-0  bg-black text-center w-full">
+      <div className="relative isolate pt-0 pb-0  bg-black text-center w-full">
         <motion.div initial={{ opacity: 0, y: 20 }} animate={isInView ? { opacity: 1, y: 0 } : { opacity: 0, y: 20 }} transition={{ duration: 0.8, delay: 0.1 }} className="mx-auto max-w-5xl">
           <H2 className="text-center mt-12">One Agent, Endless Possibilities.</H2>
         </motion.div>
@@ -68,7 +68,7 @@ export function ClickableGallery() {
         initial={{ opacity: 0 }}
         animate={isInView ? { opacity: 1 } : { opacity: 0 }}
         transition={{ duration: 1, delay: 0.4 }}
-        className="relative w-full flex items-center justify-center overflow-hidden bg-black pt-0 pb-32"
+        className="relative w-full flex items-center justify-center overflow-hidden bg-black pt-0 pb-24"
         onMouseEnter={() => setHovering(true)}
         onMouseLeave={() => setHovering(false)}
       >