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>