rename files; le-club responsive

src/pages/index.astro

@@ -1,8 +1,8 @@
 ---
 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 forum from "../assets/forum-1.png";
+import autreForum from "../assets/forum-2.png";
 import banner from "../assets/banner.png";
 ---
 

src/pages/le-club.astro

@@ -1,12 +1,20 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import { Image } from "astro:assets";
+import forum1 from "../assets/forum-1.png";
+import forum2 from "../assets/forum-2.png";
 ---
 
     <Layout title="Le club">
       <div class="container mx-auto p-8">
-        <div class="flex flex-col gap-6">
-          <h1 class="text-4xl font-bold">Le club</h1>
-          <div class="flex flex-col gap-6">
+        <div class="mb-4">
+          <div class="w-full md:w-1/2">
+            <h1 class="font-poppins text-5xl mb-4">Le club</h1>
+            <div class="line h-1 w-full bg-black"></div>
+          </div>
+        </div>
+        <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 club photo de la Haute Lozère a été créé en 1982 par un groupe
               d’amateurs de photographie. Il a été reconnu d’utilité publique en
@@ -26,20 +34,10 @@ import Layout from "../layouts/Layout.astro";
               photographique) travaux informatiques de post traitement font parties
               de nos activités.
             </p>
-            <img
-              src={"/forum-eaee.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+            <Image src={forum1} alt="Forum photo club haute lozère" />
           </div>
-          <div class="flex flex-col gap-6">
-            <img
-              src={"/132108978_o.png"}
-              alt="Forum photo club haute lozère"
-              width={740}
-              height={320}
-            />
+          <div class="flex w-full md:w-1/2 flex-col gap-8">
+            <Image src={forum2} alt="Forum photo club haute lozère" />
             <p class="text-xl">
               Ainsi, des sorties à thème sont programmées avec des séances
               d’analyse des photos réalisées.