From 110809e447e7ea086c51cb3551097cc7195ac806 Mon Sep 17 00:00:00 2001
From: Reza Jelveh <fishmangit@dynamia.ai>
Date: Wed, 2 Sep 2026 00:47:53 +0800
Subject: [PATCH] fix(event-landing): enforce 16:9 aspect ratio on banner

Replace the fixed max-height with an aspect-ratio so the banner scales
responsively, and center the image with object-position.

Signed-off-by: Reza Jelveh <fishmangit@dynamia.ai>
---
 src/components/EventLanding.module.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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);