diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..e14a6e3
Binary files /dev/null and b/.DS_Store differ
diff --git a/refer_landing_page/app/members/page.tsx b/refer_landing_page/app/members/page.tsx
index 3806855..38c25dd 100644
--- a/refer_landing_page/app/members/page.tsx
+++ b/refer_landing_page/app/members/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
+import Image from "next/image";
 import { getMembers, getAlumni } from "../../lib/api";
 import { ProfessorDetailsDialog } from "./_components/ProfessorDetailsDialog";
 import type { Member, Alumnus } from "../../content/types";
@@ -80,13 +81,17 @@ export default function MembersPage() {
               </a>
             </div>
           </div>
-          <div className="lg:col-span-4 bg-ivory p-6 rounded border border-line text-xs space-y-2 font-mono">
-            <div className="text-ink font-bold border-b border-line pb-1">
-              Affiliation &amp; Office
+          <div className="lg:col-span-4 flex justify-center items-center">
+            <div className="relative w-48 h-48 sm:w-56 sm:h-56 md:w-60 md:h-60 rounded-xl overflow-hidden border border-line shadow-sm bg-ivory">
+              <Image
+                src="/images/prof_profile.png"
+                alt="Prof. Seok-Joo Koh"
+                fill
+                sizes="(max-width: 1024px) 224px, 240px"
+                className="object-cover object-top"
+                priority
+              />
             </div>
-            <p className="text-ink-mute">Kyungpook National University</p>
-            <p className="text-ink-mute">IT Building #5 Room 527</p>
-            <p className="text-ink-mute">Daegu, Republic of Korea</p>
           </div>
         </div>
       </section>
diff --git a/refer_landing_page/assets/prof_profile.png b/refer_landing_page/assets/prof_profile.png
new file mode 100644
index 0000000..1feb71b
Binary files /dev/null and b/refer_landing_page/assets/prof_profile.png differ
diff --git a/refer_landing_page/next.config.js b/refer_landing_page/next.config.js
index 9722c43..6a60888 100644
--- a/refer_landing_page/next.config.js
+++ b/refer_landing_page/next.config.js
@@ -3,6 +3,9 @@ const nextConfig = {
   output: "export",
   trailingSlash: true,
   reactStrictMode: true,
+  images: {
+    unoptimized: true,
+  },
 };
 
 module.exports = nextConfig;
diff --git a/refer_landing_page/public/images/prof_profile.png b/refer_landing_page/public/images/prof_profile.png
new file mode 100644
index 0000000..1feb71b
Binary files /dev/null and b/refer_landing_page/public/images/prof_profile.png differ
diff --git a/refer_landing_page/public/prof_profile.png b/refer_landing_page/public/prof_profile.png
new file mode 100644
index 0000000..1feb71b
Binary files /dev/null and b/refer_landing_page/public/prof_profile.png differ