From efc37bda27dbfd105714f001bd34b932b3092cb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Stig-=C3=98rjan=20Smelror?= <smelror@gmail.com>
Date: Tue, 24 Feb 2026 19:14:28 +0100
Subject: [PATCH] fix(website): adjust hero video aspect ratio and positioning

Add aspect-ratio, object-fit, and object-position inline styles to the
hero video on the landing page to ensure proper display and cropping.
---
 src/pages/index.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 27d72a9..1ccc1c4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -45,7 +45,7 @@ const version = pkg.version ?? "";
       <!-- Screenshot Reveal -->
       <div class="container" style="margin-top: var(--space-2xl); position: relative; z-index: 2;">
         <div style="border: 1px solid var(--color-border); border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(0,221,119,0.1); background: var(--color-bg-elevated); padding: 2px;">
-          <video autoplay loop muted playsinline style="width: 100%; height: auto; display: block;">
+          <video autoplay loop muted playsinline style="width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: bottom; display: block;">
             <source src="/zblade.mp4" type="video/mp4" />
             Your browser does not support the video tag.
           </video>