From 3334e327bfef08748cbf096a892d8aedcfe59f80 Mon Sep 17 00:00:00 2001 From: Marc Mintel Date: Mon, 15 Jun 2026 16:21:51 +0200 Subject: [PATCH] fix(ui): correct z-index and remove mix-blend-screen on EU badge --- components/decorations/EUFundingBadge.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/decorations/EUFundingBadge.tsx b/components/decorations/EUFundingBadge.tsx index d56732199..b4e67a015 100644 --- a/components/decorations/EUFundingBadge.tsx +++ b/components/decorations/EUFundingBadge.tsx @@ -9,7 +9,7 @@ export function EUFundingBadge() { initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ duration: 2, ease: [0.16, 1, 0.3, 1] }} - className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-0 pointer-events-none select-none" + className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-[40] pointer-events-none select-none" style={{ maskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)', WebkitMaskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)', @@ -19,7 +19,7 @@ export function EUFundingBadge() { src="/assets/eu-flag-perspective.png" alt="European Union Background" fill - className="object-cover object-top opacity-50 mix-blend-screen" + className="object-cover object-top opacity-70" priority />