diff --git a/src/components/EventLanding.js b/src/components/EventLanding.js
index 82babdc5..a896da49 100644
--- a/src/components/EventLanding.js
+++ b/src/components/EventLanding.js
@@ -92,7 +92,9 @@ export default function EventLanding({ slug }) {
               ← {isZh ? "落地页" : "Landing Pages"}
             </Link>
             {event.banner && (
-              <img src={bannerUrl} alt={pick(locale, event.title)} className={styles.banner} />
+              <div className={styles.bannerWrapper}>
+                <img src={bannerUrl} alt={pick(locale, event.title)} className={styles.banner} />
+              </div>
             )}
             <h1 className={styles.title}>{pick(locale, event.title)}</h1>
             <div className={styles.meta}>
diff --git a/src/components/EventLanding.module.css b/src/components/EventLanding.module.css
index 06a29b68..85558429 100644
--- a/src/components/EventLanding.module.css
+++ b/src/components/EventLanding.module.css
@@ -7,13 +7,22 @@
   padding: var(--hami-space-32) 0 var(--hami-space-48);
 }
 
-.banner {
+.bannerWrapper {
   width: 100%;
-  max-height: 480px;
-  object-fit: cover;
+  max-width: 960px;
+  height: 480px;
+  margin: 0 auto var(--hami-space-32);
   border-radius: var(--hami-radius-md);
   border: 1px solid var(--hami-color-border);
-  margin-bottom: var(--hami-space-32);
+  background-color: var(--hami-color-surface);
+  overflow: hidden;
+}
+
+.banner {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  display: block;
 }
 
 .title {