About section: shift author photo crop upward

about-author.jpg became a square close-up portrait; centered object-cover
in this wide, short banner was cropping straight into an extreme
eyes-to-chin close-up. Biasing the crop toward the top keeps more
forehead/hair in frame.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013Eg6h91yngXmSnM51wxXM8
This commit is contained in:
Marco
2026-08-29 22:07:46 +00:00
parent 698a2d736e
commit 193b85a3ca
+8 -1
View File
@@ -99,7 +99,14 @@ export function About() {
src="/about-author.jpg"
fill
sizes="(min-width: 640px) 58vw, 100vw"
className="object-cover object-center pointer-events-none"
// object-position shifted up from center — about-author.jpg is a
// square close-up portrait (1254x1254), and this banner is wide
// and comparatively short, so a centered crop on a square source
// blows the face up to fill the whole strip (reported 2026-08-29,
// after the photo swap to this tighter headshot). Biasing toward
// the top keeps hairline/forehead in frame instead of cropping
// straight into eyes-to-chin.
className="object-cover object-[50%_20%] pointer-events-none"
/>
{/* Left gradient — from sm: up, not just lg:. Even without the
-ml-48 overlap at Tablet, the photo sits directly against the