diff --git a/app/components/About.tsx b/app/components/About.tsx
index fa0e07b..becc3bc 100644
--- a/app/components/About.tsx
+++ b/app/components/About.tsx
@@ -58,7 +58,7 @@ export function About() {
       </div>
 
       {/* Right: author photo — overlaps text column via -ml-32, gradient covers the overlap */}
-      <div className="flex-[1.4_0_0] relative overflow-hidden -ml-32" style={{ minHeight: "14rem" }}>
+      <div className="flex-[1.4_0_0] relative overflow-hidden -ml-48" style={{ minHeight: "14rem" }}>
         <img
           alt="Björn"
           src="/about-author.jpg"