diff --git a/public/bryan-slop.jpg b/public/bryan-slop.jpg
new file mode 100644
index 0000000..d9315fd
Binary files /dev/null and b/public/bryan-slop.jpg differ
diff --git a/src/features/landing/components/AboutSection.tsx b/src/features/landing/components/AboutSection.tsx
index eb3df57..c8ddbc1 100644
--- a/src/features/landing/components/AboutSection.tsx
+++ b/src/features/landing/components/AboutSection.tsx
@@ -17,10 +17,13 @@ export function AboutSection() {
             </h2>
           </div>
           <div className="order-2 flex items-center justify-center sm:order-3 sm:col-start-2 sm:row-start-1 sm:row-span-2">
-            <div className="font-mono flex h-40 w-40 flex-col items-center justify-center gap-1 rounded-full border-2 border-accent-line bg-surface text-center text-[0.7rem] uppercase tracking-wider text-muted shadow-lg sm:h-56 sm:w-56">
-              <span>foto</span>
-              <span>Bryan Slop</span>
-            </div>
+            <img
+              src="/bryan-slop.jpg"
+              alt="Bryan Slop, oprichter van SLP Software"
+              width={224}
+              height={224}
+              className="h-40 w-40 rounded-full border-2 border-accent-line object-cover shadow-lg sm:h-56 sm:w-56"
+            />
           </div>
           <div className="order-3 sm:order-2 sm:col-start-1 sm:row-start-2">
             {aboutContent.paragraphs.map((paragraph) => (