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',
|
title: 'Future Gatherings',
|
||||||
description: 'Experimental experiences weaving DJ sets with expanded states of presence.',
|
description: 'Experimental experiences weaving DJ sets with expanded states of presence.',
|
||||||
image: '/images/reevolution/dj-xhiva.jpg',
|
image: '/images/reevolution/dj-xhiva.jpg',
|
||||||
|
objectPosition: 'center 30%',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -360,6 +361,7 @@ function ReEvolutionSection() {
|
||||||
alt={event.title}
|
alt={event.title}
|
||||||
fill
|
fill
|
||||||
className="object-cover transition-transform duration-500 group-hover:scale-105"
|
className="object-cover transition-transform duration-500 group-hover:scale-105"
|
||||||
|
style={event.objectPosition ? { objectPosition: event.objectPosition } : undefined}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h3 style={{ fontFamily: "'Krown', sans-serif", fontWeight: 700 }} className="text-xl mb-3 text-[var(--accent-gold)]">
|
<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"
|
src="/images/about/portrait-1.jpg"
|
||||||
alt="Ximena Xaguar"
|
alt="Ximena Xaguar"
|
||||||
fill
|
fill
|
||||||
className="object-cover"
|
className="object-cover object-[30%_center]"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue