diff --git a/pages/index.tsx b/pages/index.tsx
index 0602eaf..514775c 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,5 @@
 import Head from "next/head";
+import Image from "next/image";
 import styles from "@/styles/Home.module.css";
 
 export default function Home() {
@@ -93,7 +94,14 @@ export default function Home() {
             </p>
           </div>
           <div className={styles.aboutVisual}>
-            <span className={styles.aboutPlaceholder}>💀</span>
+            <Image
+              src="/blb-logo.png"
+              alt="Bone Lord Bob"
+              width={400}
+              height={600}
+              className={styles.aboutLogo}
+              priority
+            />
           </div>
         </section>
 
diff --git a/styles/Home.module.css b/styles/Home.module.css
index f900331..3e94a16 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -253,6 +253,13 @@
   opacity: 0.15;
 }
 
+.aboutLogo {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+
 .aboutVisual::before {
   content: '';
   position: absolute;