diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6ad847a..c83d67c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -579,10 +579,10 @@ function AboutSection() {
         </div>
         <div className="grid grid-cols-3 gap-3 mt-8">
           {[
-            { src: '/images/about/painting-process.webp', alt: 'Ximena painting' },
+            { src: '/images/about/painting-process.webp', alt: 'Ximena painting', position: 'top' },
             { src: '/images/art/mural-bio-centro.webp', alt: 'Mural Bio Centro Guembe' },
             { src: '/images/about/portrait-2.jpg', alt: 'Ximena painting mural' },
-            { src: '/images/about/portrait-3.jpg', alt: 'Ximena in studio' },
+            { src: '/images/about/portrait-3.jpg', alt: 'Ximena in studio', position: 'top' },
             { src: '/images/about/portrait-4.jpg', alt: 'Ximena at ceremony' },
             { src: '/images/about/pachamama.jpg', alt: 'Ximena — ritual with smoke' },
           ].map((photo, index) => (
@@ -592,6 +592,7 @@ function AboutSection() {
                 alt={photo.alt}
                 fill
                 className="object-cover transition-transform duration-500 group-hover:scale-105"
+                style={photo.position ? { objectPosition: photo.position } : undefined}
               />
             </div>
           ))}
@@ -802,7 +803,7 @@ function SocialSection() {
         </div>
 
         {/* Instagram-style Grid */}
-        <div className="grid grid-cols-2 md:grid-cols-3 gap-5 mb-10">
+        <div className="grid grid-cols-2 md:grid-cols-3 gap-4 mb-10 max-w-4xl mx-auto">
           {instagramPosts.map((post, index) => (
             <a
               key={index}