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>
This commit is contained in:
parent
ec4702bf98
commit
faf4d918f7
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue