From 302ee41cd8b09513920af7bbf202bdaf6baae43d Mon Sep 17 00:00:00 2001 From: AskIt Date: Mon, 26 Jan 2026 02:58:05 +0100 Subject: [PATCH] fixed video blur --- src/app/globals.css | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 9444012..a38191a 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -361,26 +361,27 @@ a.btn-primary:visited { position: relative; width: 100%; overflow: hidden; - display: flex; - align-items: center; - justify-content: center; background: #000; } .blurred-video-bg { position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + transform: translate(-50%, -50%) scale(1.2); object-fit: cover; - filter: blur(20px) brightness(0.6); + filter: blur(25px) brightness(0.5); pointer-events: none; - transform: scale(1.1); + z-index: 0; } .blurred-video-main { position: relative; + display: block; width: 100%; max-height: 360px; object-fit: contain;