From 21b5f411274f1267ddd833ecba2302e772aa9b20 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Wed, 26 Aug 2026 22:04:32 +0000
Subject: [PATCH] Enlarge Hero block portrait (80px -> 128px)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

/ueber-mich's about-author.jpg read as barely-there next to the full
headline at size-20 — bumped so it actually registers as a real photo.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01J1Hu5bZ1kZUgKhab6yNwCt
---
 app/components/PageBlocks.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/components/PageBlocks.tsx b/app/components/PageBlocks.tsx
index 32694bb..908b804 100644
--- a/app/components/PageBlocks.tsx
+++ b/app/components/PageBlocks.tsx
@@ -56,11 +56,14 @@ export function renderPageBlockSync(block: PageBlock): React.ReactNode {
       return (
         <div key={block.id} className="flex flex-col gap-4 items-start">
           {/* Optional round portrait beside the headline — e.g. /ueber-mich's
-              "Hallo, ich bin Björn." */}
+              "Hallo, ich bin Björn." size-20 (80px) read as barely-there/
+              easy to miss next to a full headline — bumped to size-32
+              (128px) so it actually registers as a real photo, not a
+              small decorative blob. */}
           {block.image ? (
-            <div className="flex items-center gap-5">
-              <div className="relative size-20 shrink-0 rounded-full overflow-hidden">
-                <Image alt="" src={block.image} fill sizes="80px" className="object-cover" />
+            <div className="flex items-center gap-6">
+              <div className="relative size-32 shrink-0 rounded-full overflow-hidden ring-1 ring-border">
+                <Image alt="" src={block.image} fill sizes="128px" className="object-cover" />
               </div>
               {headline}
             </div>