From b3b85202eb0f6a27d6ddeba5f04846e23fadc50c Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Mon, 29 Jun 2026 18:23:53 +0200
Subject: [PATCH] fix(perf): replace next/image with native img for svg to
 drastically improve LCP

---
 components/blocks/InteractiveGermanyMap.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/blocks/InteractiveGermanyMap.tsx b/components/blocks/InteractiveGermanyMap.tsx
index ba855578b..6fb8945b5 100644
--- a/components/blocks/InteractiveGermanyMap.tsx
+++ b/components/blocks/InteractiveGermanyMap.tsx
@@ -88,13 +88,12 @@ export function InteractiveGermanyMap({
 
   const mapBackground = useMemo(() => (
     <div className="absolute inset-0 opacity-[0.25] mix-blend-screen drop-shadow-2xl brightness-200 pointer-events-none transform-gpu">
-      <Image
+      <img
         src="/germany-map.svg"
         alt={locale === 'en' ? "Map of Germany" : "Deutschlandkarte"}
-        fill
-        className="object-cover"
-        priority
+        className="w-full h-full object-cover"
         fetchPriority="high"
+        decoding="async"
       />
     </div>
   ), [locale]);