diff --git a/src/components/custom/ImageGalleryGrid.tsx b/src/components/custom/ImageGalleryGrid.tsx
index e3c31e6..d95c7d5 100644
--- a/src/components/custom/ImageGalleryGrid.tsx
+++ b/src/components/custom/ImageGalleryGrid.tsx
@@ -18,10 +18,10 @@ export default function ImageGalleryGrid({ images }: Props) {
       whileInView={{ opacity: 1, y: 0 }}
       viewport={{ once: true, amount: 0.2 }}
       transition={{ duration: 0.6 }}
-      className="container mx-auto py-12 px-4"
+      className="container mx-auto py-12 px-4 md:py-20"
     >
-      <h2 className="text-4xl font-bold text-center mb-8">Our Industries</h2>
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+      <h2 className="text-4xl font-bold text-center mb-8 md:text-5xl lg:text-6xl text-foreground">Our Industries</h2>
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-8">
         {images.map((image, index) => (
           <div key={index} className="relative group overflow-hidden rounded-lg shadow-lg">
             <img