diff --git a/src/assets/IMG_2439-CLUB-3 2.png b/src/assets/banner.png
similarity index 100%
rename from src/assets/IMG_2439-CLUB-3 2.png
rename to src/assets/banner.png
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 63a307c..6ce3bfa 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,20 +3,21 @@ import Layout from '../layouts/Layout.astro';
 import { Image } from 'astro:assets';
 import forum from "../assets/forum-eaee.png";
 import autreForum from "../assets/132108978_o.png";
+import banner from "../assets/banner.png";
 ---
 
 <Layout title="Accueil">
 	<main>
+    <Image src={banner} alt="Photo club haute lozère" width={1920} height={1080} class="w-full" />
       <div class="container mx-auto p-8">
-        <div class="mb-4 flex gap-10">
-          <div class="w-1/2">
-            <h1 class="font-poppins text-5xl">Notre club photo</h1>
+        <div class="mb-4">
+          <div class="w-full md:w-1/2">
+            <h1 class="font-poppins text-5xl mb-4">Notre club photo</h1>
             <div class="line h-1 w-full bg-black"></div>
           </div>
-          <div class="w-1/2"></div>
         </div>
-        <div class="flex gap-10">
-          <div class="flex w-1/2 flex-col gap-8">
+        <div class="flex gap-10 flex-col md:flex-row">
+          <div class="flex w-full md:w-1/2 flex-col gap-8">
             <p class="text-xl">
               Le Photo Club de Haute Lozère est une association loi 1901 créée
               en 2018.
@@ -35,7 +36,7 @@ import autreForum from "../assets/132108978_o.png";
             </p>
             <Image src={forum} alt="Forum photo club haute lozère" width={740} height={320} />
           </div>
-          <div class="flex w-1/2 flex-col gap-6">
+          <div class="flex w-full md:w-1/2 flex-col gap-8">
             <Image src={autreForum} alt="Forum photo club haute lozère" width={740} height={320} />
             <p class="text-xl">
               Ainsi, des sorties à thème sont programmées avec des séances