From 3a3bc9898dc612e7e5bf1289bc25df2d2efaed71 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <paul@aider.chat>
Date: Wed, 19 Mar 2025 13:59:06 -0700
Subject: [PATCH] fix: maintain video aspect ratio using padding-bottom
 technique

---
 aider/website/assets/home.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/aider/website/assets/home.css b/aider/website/assets/home.css
index 21bdfd41f..03b02e5ef 100644
--- a/aider/website/assets/home.css
+++ b/aider/website/assets/home.css
@@ -189,15 +189,24 @@ nav {
 
 .video-container {
     max-width: 800px;
+    width: 100%;
     margin: 0 auto;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
     border-radius: 8px;
     overflow: hidden;
-    aspect-ratio: 2656 / 2160;
+    position: relative;
+    height: 0;
+    /* Calculate exact padding-bottom based on aspect ratio: (2160/2656) × 100% */
+    padding-bottom: calc(2160 / 2656 * 100%);
+    background-color: #f5f5f5; /* Light background while video loads */
 }
 
 .video-container video {
+    position: absolute;
+    top: 0;
+    left: 0;
     width: 100%;
+    height: 100%;
     display: block;
 }