From faf4d918f77e3b0b0f8e53191a934768be1d096c Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Tue, 3 Feb 2026 14:47:02 +0000
Subject: [PATCH] Adjust image positioning to keep figures visible in cropped
 views

- portrait-1.jpg: shift focus left (30%) to keep seated figure visible
- dj-xhiva.jpg: shift focus up (30%) to keep DJ's face/head in frame

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/app/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 56ae97d..9a000ec 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -320,6 +320,7 @@ function ReEvolutionSection() {
       title: 'Future Gatherings',
       description: 'Experimental experiences weaving DJ sets with expanded states of presence.',
       image: '/images/reevolution/dj-xhiva.jpg',
+      objectPosition: 'center 30%',
     },
   ];
 
@@ -360,6 +361,7 @@ function ReEvolutionSection() {
                   alt={event.title}
                   fill
                   className="object-cover transition-transform duration-500 group-hover:scale-105"
+                  style={event.objectPosition ? { objectPosition: event.objectPosition } : undefined}
                 />
               </div>
               <h3 style={{ fontFamily: "'Krown', sans-serif", fontWeight: 700 }} className="text-xl mb-3 text-[var(--accent-gold)]">
@@ -465,7 +467,7 @@ function AboutSection() {
               src="/images/about/portrait-1.jpg"
               alt="Ximena Xaguar"
               fill
-              className="object-cover"
+              className="object-cover object-[30%_center]"
             />
           </div>
         </div>