diff --git a/groups/M4N1FEST/assets/BCA.png b/groups/M4N1FEST/assets/BCA.png
new file mode 100644
index 0000000..8700dd5
Binary files /dev/null and b/groups/M4N1FEST/assets/BCA.png differ
diff --git a/groups/M4N1FEST/assets/Bulog-Logo.png b/groups/M4N1FEST/assets/Bulog-Logo.png
new file mode 100644
index 0000000..86a97a2
Binary files /dev/null and b/groups/M4N1FEST/assets/Bulog-Logo.png differ
diff --git a/groups/M4N1FEST/assets/Indofood.png b/groups/M4N1FEST/assets/Indofood.png
new file mode 100644
index 0000000..a784a44
Binary files /dev/null and b/groups/M4N1FEST/assets/Indofood.png differ
diff --git a/groups/M4N1FEST/assets/Telkom.jpg b/groups/M4N1FEST/assets/Telkom.jpg
new file mode 100644
index 0000000..0b21c7d
Binary files /dev/null and b/groups/M4N1FEST/assets/Telkom.jpg differ
diff --git a/groups/M4N1FEST/assets/Unilever.png b/groups/M4N1FEST/assets/Unilever.png
new file mode 100644
index 0000000..3bcfaba
Binary files /dev/null and b/groups/M4N1FEST/assets/Unilever.png differ
diff --git a/groups/M4N1FEST/assets/astra.webp b/groups/M4N1FEST/assets/astra.webp
new file mode 100644
index 0000000..fc54c6a
Binary files /dev/null and b/groups/M4N1FEST/assets/astra.webp differ
diff --git a/groups/M4N1FEST/assets/bri.png b/groups/M4N1FEST/assets/bri.png
new file mode 100644
index 0000000..9771408
Binary files /dev/null and b/groups/M4N1FEST/assets/bri.png differ
diff --git a/groups/M4N1FEST/assets/bulog.jpeg b/groups/M4N1FEST/assets/bulog.jpeg
new file mode 100644
index 0000000..fdeb10f
Binary files /dev/null and b/groups/M4N1FEST/assets/bulog.jpeg differ
diff --git a/groups/M4N1FEST/assets/charles.jpg b/groups/M4N1FEST/assets/charles.jpg
new file mode 100644
index 0000000..8fe078b
Binary files /dev/null and b/groups/M4N1FEST/assets/charles.jpg differ
diff --git a/groups/M4N1FEST/assets/dona.jpg b/groups/M4N1FEST/assets/dona.jpg
new file mode 100644
index 0000000..5a52140
Binary files /dev/null and b/groups/M4N1FEST/assets/dona.jpg differ
diff --git a/groups/M4N1FEST/assets/garuda_indonesia.jpg b/groups/M4N1FEST/assets/garuda_indonesia.jpg
new file mode 100644
index 0000000..4346f9e
Binary files /dev/null and b/groups/M4N1FEST/assets/garuda_indonesia.jpg differ
diff --git a/groups/M4N1FEST/assets/grab.png b/groups/M4N1FEST/assets/grab.png
new file mode 100644
index 0000000..215f2e8
Binary files /dev/null and b/groups/M4N1FEST/assets/grab.png differ
diff --git a/groups/M4N1FEST/assets/izhan.jpg b/groups/M4N1FEST/assets/izhan.jpg
new file mode 100644
index 0000000..e864cf8
Binary files /dev/null and b/groups/M4N1FEST/assets/izhan.jpg differ
diff --git a/groups/M4N1FEST/assets/pln.jpg b/groups/M4N1FEST/assets/pln.jpg
new file mode 100644
index 0000000..2cf444f
Binary files /dev/null and b/groups/M4N1FEST/assets/pln.jpg differ
diff --git a/groups/M4N1FEST/assets/telkomsel.jpg b/groups/M4N1FEST/assets/telkomsel.jpg
new file mode 100644
index 0000000..84a6c5e
Binary files /dev/null and b/groups/M4N1FEST/assets/telkomsel.jpg differ
diff --git a/groups/M4N1FEST/assets/unilever-logo.png b/groups/M4N1FEST/assets/unilever-logo.png
new file mode 100644
index 0000000..da2b92d
Binary files /dev/null and b/groups/M4N1FEST/assets/unilever-logo.png differ
diff --git a/groups/M4N1FEST/index.html b/groups/M4N1FEST/index.html
index cebea77..ab46d75 100644
--- a/groups/M4N1FEST/index.html
+++ b/groups/M4N1FEST/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+﻿<!DOCTYPE html>
 <html lang="id" class="scroll-smooth">
 <head>
     <meta charset="UTF-8">
@@ -1226,8 +1226,8 @@
               <!-- Card 1 -->
               <div class="achiever-card rv d1">
                 <div class="achiever-body">
-                  <div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #1a3a6b, #2352a0);">
-                    <span class="achiever-initials">IF</span>
+                  <div class="achiever-avatar-circle">
+                    <img src="./assets/izhan.jpg" alt="Izhan Fakhruzi">
                   </div>
                   <div class="achiever-batch" data-i18n="grp_m4n1fest_ach1_batch">Angkatan 2005</div>
                   <div class="achiever-name">Izhan Fakhruzi</div>
@@ -1244,8 +1244,8 @@
               <!-- Card 2 -->
               <div class="achiever-card rv d2">
                 <div class="achiever-body">
-                  <div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #0f766e, #14b8a6);">
-                    <span class="achiever-initials">CD</span>
+                  <div class="achiever-avatar-circle">
+                    <img src="./assets/charles.jpg" alt="Charles Darwis Hariman">
                   </div>
                   <div class="achiever-batch" data-i18n="grp_m4n1fest_ach2_batch">Informatika UNTAN</div>
                   <div class="achiever-name">Charles Darwis Hariman</div>
@@ -1262,8 +1262,8 @@
               <!-- Card 3 -->
               <div class="achiever-card rv d3">
                 <div class="achiever-body">
-                  <div class="achiever-avatar-circle" style="background: linear-gradient(135deg, #3730a3, #6366f1);">
-                    <span class="achiever-initials">DP</span>
+                  <div class="achiever-avatar-circle">
+                    <img src="./assets/dona.jpg" alt="Dona Pramana Pura">
                   </div>
                   <div class="achiever-batch" data-i18n="grp_m4n1fest_ach3_batch">Angkatan 2009</div>
                   <div class="achiever-name">Dona Pramana Pura</div>
@@ -1396,102 +1396,47 @@
                 </div>
                 <div class="logo-grid">
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #ebf1fb; color: #1a3a6b"
-                    >
-                      BCA
-                    </div>
+                    <img src="./assets/BCA.png" alt="Logo BCA" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_bca">BCA</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #fff0f0; color: #c00"
-                    >
-                      BRI
-                    </div>
+                    <img src="./assets/bri.png" alt="Logo BRI" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_bri">BRI</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #fff7e6; color: #f5b800"
-                    >
-                      TLKM
-                    </div>
+                    <img src="./assets/Telkom.jpg" alt="Logo Telkom Indonesia" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_telkom">Telkom Indonesia</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #ebf1fb; color: #0a66c2"
-                    >
-                      PLN
-                    </div>
+                    <img src="./assets/pln.jpg" alt="Logo PLN" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_pln">PLN</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #f0f0ff; color: #3730a3"
-                    >
-                      INDF
-                    </div>
+                    <img src="./assets/Indofood.png" alt="Logo Indofood Fortuna" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_indofood">Indofood Fortuna</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #fff0f5; color: #ee4d2d"
-                    >
-                      ASTR
-                    </div>
+                    <img src="./assets/astra.webp" alt="Logo Astra Daihatsu" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_astra">Astra Daihatsu</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #f0fff4; color: #15803d"
-                    >
-                      UNVR
-                    </div>
+                    <img src="./assets/unilever-logo.png" alt="Logo Unilever" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_unilever">Unilever</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #f0fff4; color: #16a34a"
-                    >
-                      GRAB
-                    </div>
+                    <img src="./assets/grab.png" alt="Logo Grab" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_grab">Grab</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #fff0f0; color: #c00"
-                    >
-                      TSEL
-                    </div>
+                    <img src="./assets/telkomsel.jpg" alt="Logo Telkomsel" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_telkomsel">Telkomsel</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #ebf1fb; color: #0866ff"
-                    >
-                      GIAA
-                    </div>
+                    <img src="./assets/garuda_indonesia.jpg" alt="Logo Garuda Indonesia" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_garuda">Garuda Indonesia</span>
                   </div>
                   <div class="logo-card">
-                    <div
-                      class="logo-initials"
-                      style="background: #fffbea; color: #b38500"
-                    >
-                      BULG
-                    </div>
+                    <img src="./assets/Bulog-Logo.png" alt="Logo Perum Bulog" style="width: 100%; height: 60px; padding: 8px; object-fit: contain; border-radius: 8px;">
                     <span class="logo-name" data-i18n="grp_m4n1fest_logo_bulog">Perum BULOG</span>
                   </div>
                   <div class="logo-card">
@@ -2701,6 +2646,8 @@
 <!-- Scroll Reveal Observer & Chart.js Initialization -->
 <script>
     /* ── IKA FORM SUBMIT ── */
+    // Silakan ganti URL di bawah dengan Web App URL (akhiran /exec) hasil Deploy project Apps Script Anda.
+    // Cara Deploy: di Apps Script editor -> Deploy -> New deployment -> Web app -> Who has access: Anyone.
     const IKA_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbwrXG3YFu4PEY3Z3acYeFTLCozM6iERfA7_yWxXaiJn7ULwau5vTIpt0Zv04OziMit-/exec";
 
     // Checkbox visual toggle
diff --git a/groups/M4N1FEST/style.css b/groups/M4N1FEST/style.css
index 912914c..127a74b 100644
--- a/groups/M4N1FEST/style.css
+++ b/groups/M4N1FEST/style.css
@@ -593,6 +593,12 @@ a {
   justify-content: center;
   border: 3px solid var(--navy-ghost);
   margin-bottom: 12px;
+  overflow: hidden;
+}
+.achiever-avatar-circle img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 .achiever-card:hover .achiever-avatar-circle {
   border-color: var(--gold-lt);
