From 4dcf578b16bae7e3fb118ef6a9fd67767ef8e1da Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Tue, 30 Jun 2026 22:11:14 +0000
Subject: [PATCH] feat(About): larger photo column + left gradient blend

---
 app/components/About.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/About.tsx b/app/components/About.tsx
index a2c1ca6..488b42b 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -57,13 +57,15 @@ export function About() {
         </div>
       </div>
 
-      {/* Right: author photo — flex-[1_0_0] keeps it at exactly 50% */}
-      <div className="flex-[1_0_0] relative overflow-hidden" style={{ minHeight: "14rem" }}>
+      {/* Right: author photo — slightly wider than 50% */}
+      <div className="flex-[1.4_0_0] relative overflow-hidden" style={{ minHeight: "14rem" }}>
         <img
           alt="Björn"
           src="/about-author.jpg"
           className="absolute inset-0 w-full h-full object-cover object-center pointer-events-none"
         />
+        {/* Left gradient: blends hard edge into dark background */}
+        <div className="absolute inset-y-0 left-0 w-48 bg-gradient-to-r from-[#111] to-transparent pointer-events-none" />
       </div>
 
     </section>