From a5a893e366af0efe35a26bf0b89c2633f3920400 Mon Sep 17 00:00:00 2001
From: Merlin <4706504+MerlinScheurer@users.noreply.github.com>
Date: Sat, 11 Apr 2026 04:19:25 +0200
Subject: [PATCH] Refac fix layout jumps when image loadeding (#1151)

* Fix layout shifts when images load

* Refac keep aspect ratio code style
---
 frontend/src/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/style.css b/frontend/src/style.css
index 7db5d0d2..74f0113a 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -625,6 +625,8 @@ video:-webkit-full-screen {
 .video-thumb img {
   width: 100%;
   position: relative;
+  aspect-ratio: 16 / 9;
+  background: var(--highlight-bg-transparent);
 }
 
 .video-tags {
@@ -1088,6 +1090,8 @@ video:-webkit-full-screen {
 
 .channel-banner img {
   width: 100%;
+  aspect-ratio: 18 / 3;
+  background: var(--highlight-bg-transparent);
 }
 
 .channel-banner.grid {