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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user