diff --git a/src/components/EventLanding.module.css b/src/components/EventLanding.module.css
index 06a29b689..27ae5853a 100644
--- a/src/components/EventLanding.module.css
+++ b/src/components/EventLanding.module.css
@@ -8,9 +8,11 @@
 }
 
 .banner {
+  display: block;
   width: 100%;
-  max-height: 480px;
+  aspect-ratio: 16 / 9;
   object-fit: cover;
+  object-position: center;
   border-radius: var(--hami-radius-md);
   border: 1px solid var(--hami-color-border);
   margin-bottom: var(--hami-space-32);