From 193b85a3caf7d4f2893aa2d4cfbc35925ac79ebe Mon Sep 17 00:00:00 2001 From: Marco Date: Sat, 29 Aug 2026 22:07:46 +0000 Subject: [PATCH] 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 Claude-Session: https://claude.ai/code/session_013Eg6h91yngXmSnM51wxXM8 --- app/components/About.tsx | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/app/components/About.tsx b/app/components/About.tsx index 8b4244c..b32aa3d 100644 --- a/app/components/About.tsx +++ b/app/components/About.tsx @@ -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