diff --git a/src/components/custom/ImageBentoGallery.tsx b/src/components/custom/ImageBentoGallery.tsx
index a2e353f..e7b5c76 100644
--- a/src/components/custom/ImageBentoGallery.tsx
+++ b/src/components/custom/ImageBentoGallery.tsx
@@ -17,16 +17,16 @@ export default function ImageBentoGallery({
   images,
 }: ImageBentoGalleryProps) {
   return (
-    <section className="relative w-full py-12 md:py-24 lg:py-32">
+    <section className="relative w-full py-16 md:py-24 lg:py-32">
       <div className="container px-4 md:px-6">
         <div className="flex flex-col items-center justify-center space-y-4 text-center">
           {title && (
-            <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl">
+            <h2 className="text-4xl md:text-5xl font-bold tracking-tighter">
               {title}
             </h2>
           )}
           {description && (
-            <p className="max-w-[900px] text-muted-foreground md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed">
+            <p className="max-w-[900px] text-muted-foreground md:text-lg/relaxed lg:text-base/relaxed xl:text-lg/relaxed">
               {description}
             </p>
           )}
@@ -52,7 +52,7 @@ export default function ImageBentoGallery({
                 className="object-cover w-full h-full transition-transform duration-300 group-hover:scale-105"
               />
               <div className="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent flex items-end p-4">
-                <h3 className="text-lg font-semibold text-white">{image.alt}</h3>
+                <h3 className="text-lg font-semibold text-background">{image.alt}</h3>
               </div>
             </div>
           ))}