From 4fcf34c9aa337a1a316f52d33a2079eed141d7e6 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 17 Dec 2025 13:39:50 +0100
Subject: [PATCH] Update background image positioning in multiple components:
 Change background image class from 'absolute' to 'fixed' in AdminPage,
 ChallengesSection, and BackgroundSection for improved layout consistency.

---
 app/admin/page.tsx                          | 2 +-
 components/challenges/ChallengesSection.tsx | 2 +-
 components/ui/BackgroundSection.tsx         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/admin/page.tsx b/app/admin/page.tsx
index bd3248e..83d27d4 100644
--- a/app/admin/page.tsx
+++ b/app/admin/page.tsx
@@ -26,7 +26,7 @@ export default async function AdminPage() {
     <main className="min-h-screen bg-black relative">
       {/* Background Image */}
       <div
-        className="absolute inset-0 bg-cover bg-center bg-no-repeat"
+        className="fixed inset-0 bg-cover bg-center bg-no-repeat"
         style={{
           backgroundImage: `url('/got-light.jpg')`,
         }}
diff --git a/components/challenges/ChallengesSection.tsx b/components/challenges/ChallengesSection.tsx
index d0bc763..ead3fef 100644
--- a/components/challenges/ChallengesSection.tsx
+++ b/components/challenges/ChallengesSection.tsx
@@ -140,7 +140,7 @@ export default function ChallengesSection({
     <section className="relative w-full min-h-screen flex flex-col items-center overflow-hidden pt-24 pb-16">
       {/* Background Image */}
       <div
-        className="absolute inset-0 bg-cover bg-center bg-no-repeat"
+        className="fixed inset-0 bg-cover bg-center bg-no-repeat"
         style={{
           backgroundImage: `url('${backgroundImage}')`,
         }}
diff --git a/components/ui/BackgroundSection.tsx b/components/ui/BackgroundSection.tsx
index 986b961..d0f54b4 100644
--- a/components/ui/BackgroundSection.tsx
+++ b/components/ui/BackgroundSection.tsx
@@ -22,7 +22,7 @@ export default function BackgroundSection({
     >
       {/* Background Image */}
       <div
-        className="absolute inset-0 bg-cover bg-center bg-no-repeat"
+        className="fixed inset-0 bg-cover bg-center bg-no-repeat"
         style={{
           backgroundImage: `url('${backgroundImage}')`,
         }}