diff --git a/public/images/storytelling/animals-1200.jpg b/public/images/storytelling/animals-1200.jpg
deleted file mode 100644
index 95c41f43e..000000000
Binary files a/public/images/storytelling/animals-1200.jpg and /dev/null differ
diff --git a/public/images/storytelling/animals-400.jpg b/public/images/storytelling/animals-400.jpg
deleted file mode 100644
index 030578406..000000000
Binary files a/public/images/storytelling/animals-400.jpg and /dev/null differ
diff --git a/public/images/storytelling/animals-600.jpg b/public/images/storytelling/animals-600.jpg
deleted file mode 100644
index 9caa6d749..000000000
Binary files a/public/images/storytelling/animals-600.jpg and /dev/null differ
diff --git a/public/images/storytelling/animals-hd.webp b/public/images/storytelling/animals-hd.webp
new file mode 100644
index 000000000..65f219455
Binary files /dev/null and b/public/images/storytelling/animals-hd.webp differ
diff --git a/public/images/storytelling/biodiversity-1200.jpg b/public/images/storytelling/biodiversity-1200.jpg
deleted file mode 100644
index 60d945195..000000000
Binary files a/public/images/storytelling/biodiversity-1200.jpg and /dev/null differ
diff --git a/public/images/storytelling/biodiversity-400.jpg b/public/images/storytelling/biodiversity-400.jpg
deleted file mode 100644
index 6ecc8bd23..000000000
Binary files a/public/images/storytelling/biodiversity-400.jpg and /dev/null differ
diff --git a/public/images/storytelling/biodiversity-600.jpg b/public/images/storytelling/biodiversity-600.jpg
deleted file mode 100644
index d32e6a22c..000000000
Binary files a/public/images/storytelling/biodiversity-600.jpg and /dev/null differ
diff --git a/public/images/storytelling/biodiversity-hd.webp b/public/images/storytelling/biodiversity-hd.webp
new file mode 100644
index 000000000..c28bf2b7a
Binary files /dev/null and b/public/images/storytelling/biodiversity-hd.webp differ
diff --git a/public/images/storytelling/health-1200.jpg b/public/images/storytelling/health-1200.jpg
deleted file mode 100644
index 71e5803df..000000000
Binary files a/public/images/storytelling/health-1200.jpg and /dev/null differ
diff --git a/public/images/storytelling/health-400.jpg b/public/images/storytelling/health-400.jpg
deleted file mode 100644
index d3ce055e3..000000000
Binary files a/public/images/storytelling/health-400.jpg and /dev/null differ
diff --git a/public/images/storytelling/health-600.jpg b/public/images/storytelling/health-600.jpg
deleted file mode 100644
index c39c2fc3c..000000000
Binary files a/public/images/storytelling/health-600.jpg and /dev/null differ
diff --git a/public/images/storytelling/health-hd.webp b/public/images/storytelling/health-hd.webp
new file mode 100644
index 000000000..2b8c9eab7
Binary files /dev/null and b/public/images/storytelling/health-hd.webp differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 389c9ccc1..0571d5446 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -96,7 +96,7 @@ const ExplodeSection = () => {
               content="Impacte la santé humaine à cause des polluants éternels et des microplastiques."
             />
           </li>
-          <li className="lg:absolute lg:-right-[140px] lg:bottom-[120px] 2xl:-right-[80px] 2xl:bottom-[360px]">
+          <li className="lg:absolute lg:-right-[140px] lg:bottom-[60px] 2xl:-right-[80px] 2xl:bottom-[360px]">
             <IconCard
               icon={{ src: "/images/butterfly.svg", width: 120, height: 116 }}
               title="Biodiversité"
@@ -123,9 +123,9 @@ const EditoSection = () => {
         "L'élevage intensif de saumons a des répercussions significatives sur la biodiversité marine et les ressources planétaires : pollutions diverses, parasites affectant les espèces locales, pression accrue sur les populations de poissons sauvages, exploitation du krill d’Antarctique, déforestation, etc.",
       link: "/dashboard#biodiversity",
       image: {
-        small: "/images/storytelling/biodiversity-400.jpg",
-        medium: "/images/storytelling/biodiversity-600.jpg",
-        large: "/images/storytelling/biodiversity-1200.jpg",
+        small: "/images/storytelling/biodiversity-hd.webp",
+        medium: "/images/storytelling/biodiversity-hd.webp",
+        large: "/images/storytelling/biodiversity-hd.webp",
       },
     },
     {
@@ -134,9 +134,9 @@ const EditoSection = () => {
         "La présence dans la chair des saumons de polluants organiques persistants (POP) et de microplastiques soulève des préoccupations pour la santé humaine.La concentration élevée de poissons dans les fermes aquacoles favorise la propagation de maladies, nécessitant l'utilisation d'agents pathogènes ou de médicaments.",
       link: "/dashboard#human-health",
       image: {
-        small: "/images/storytelling/health-400.jpg",
-        medium: "/images/storytelling/health-600.jpg",
-        large: "/images/storytelling/health-1200.jpg",
+        small: "/images/storytelling/health-hd.webp",
+        medium: "/images/storytelling/health-hd.webp",
+        large: "/images/storytelling/health-hd.webp",
         caption: "Photo credit: Ramji / Bob Brown Foundation",
       },
     },
@@ -168,9 +168,9 @@ const EditoSection = () => {
         "La très forte densité des saumons en cages entraine maladies et stress. Les poux de mer rongent la chair des poissons défigurés. Les taux de mortalité au sein des cages sont très anormalement élevés.",
       link: "/dashboard#animal-welfare",
       image: {
-        small: "/images/storytelling/animals-400.jpg",
-        medium: "/images/storytelling/animals-600.jpg",
-        large: "/images/storytelling/animals-1200.jpg",
+        small: "/images/storytelling/animals-hd.webp",
+        medium: "/images/storytelling/animals-hd.webp",
+        large: "/images/storytelling/animals-hd.webp",
       },
     },
   ];
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
index b273a187b..6aec449d0 100644
--- a/src/components/layout/Navbar.tsx
+++ b/src/components/layout/Navbar.tsx
@@ -49,7 +49,7 @@ const Navbar = () => {
           {navItems.map((item, key) => (
             <Link
               className={clsx(
-                "font-secondary uppercase font-bold text-darkblue1 hover:text-red1 focus:text-red1 lg:text-xl",
+                "font-secondary uppercase font-bold text-darkblue1 hover:text-red1 focus:text-red1 lg:text-2xl",
                 item.link === pathName ? "navbar-active" : "",
               )}
               href={item.link}