Use autoplay video banner

.gitattributes

@@ -10,6 +10,7 @@
 *.lfs.* filter=lfs diff=lfs merge=lfs -text
 *.mlmodel filter=lfs diff=lfs merge=lfs -text
 *.model filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text
 *.msgpack filter=lfs diff=lfs merge=lfs -text
 *.npy filter=lfs diff=lfs merge=lfs -text
 *.npz filter=lfs diff=lfs merge=lfs -text

app.py

@@ -19,7 +19,7 @@ ACTIVE_REGISTRATION_STATUSES = {"pending", "approved", "registered"}
 REVIEW_STATUS_CHOICES = ["pending", "approved", "rejected", "all"]
 NVIDIA_GREEN = "#76B900"
 NVIDIA_GREEN_DARK = "#5F9500"
-BANNER_PATH = "assets/alpasim_banner.png"
+BANNER_PATH = "assets/banner_video.mp4"
 BANNER_DIR = Path(__file__).resolve().parent / "assets"
 BANNER_FILE = Path(__file__).resolve().parent / BANNER_PATH
 gr.set_static_paths(paths=[BANNER_DIR])
@@ -32,7 +32,9 @@ APP_THEME = gr.themes.Default(primary_hue="lime").set(
 )
 BANNER_HTML = f"""
 <div class="alpasim-banner">
-  <img src="/gradio_api/file={BANNER_PATH}" alt="AlpaSim E2E Closed Loop Challenge 2026" />
+  <video autoplay muted loop playsinline preload="auto" aria-label="AlpaSim E2E Closed Loop Challenge 2026 banner">
+    <source src="/gradio_api/file={BANNER_PATH}" type="video/mp4" />
+  </video>
 </div>
 """
 CHALLENGE_OVERVIEW_MD = """
@@ -103,7 +105,7 @@ BANNER_CSS = """
   --slider-color: #76B900;
 }
 
-.alpasim-banner img {
+.alpasim-banner video {
   display: block;
   width: 100%;
   height: auto;

assets/{alpasim_banner.png → banner_video.mp4}

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ba2c7e8c49e78d9bc7011089984c4538823c11b73d067c504473897d20697152
-size 1836071
+oid sha256:c584c5a3b90fee3696525a282ac38d061587ac0edf9d091a0652ded81f08ca55
+size 4856905