diff --git a/404-error.html b/404-error.html
index 88b42d5..6e7fd52 100644
--- a/404-error.html
+++ b/404-error.html
@@ -27,7 +27,7 @@
                 <div class="row head-row align-items-center h-100 justify-content-evenly text-center">
                     <div class="col-lg-12 col-xl-5">
                         
-                        <h1 class="text-white font-weight-bold"><img src="/assets/img/error.png" width="12%"> 404 Not Found</h1>
+                        <h1 class="text-white font-weight-bold"><img src="/assets/img/error.avif" width="12%"> 404 Not Found</h1>
                         <p class="text-white">The requested URL was not found on this server !</p>
                         <hr class="divider" />
                         <div class="d-grid gap-4 col-10 mx-auto">
diff --git a/assets/img/error.avif b/assets/img/error.avif
new file mode 100644
index 0000000..8072fdb
Binary files /dev/null and b/assets/img/error.avif differ
diff --git a/assets/img/profil.avif b/assets/img/profil.avif
new file mode 100644
index 0000000..752bc6e
Binary files /dev/null and b/assets/img/profil.avif differ
diff --git a/assets/img/profil_about.avif b/assets/img/profil_about.avif
new file mode 100644
index 0000000..af0414d
Binary files /dev/null and b/assets/img/profil_about.avif differ
diff --git a/assets/img/projet/Homelab-1.avif b/assets/img/projet/Homelab-1.avif
new file mode 100644
index 0000000..ec0ee27
Binary files /dev/null and b/assets/img/projet/Homelab-1.avif differ
diff --git a/assets/img/projet/Homelab-1.png b/assets/img/projet/Homelab-1.png
deleted file mode 100644
index 5f825b0..0000000
Binary files a/assets/img/projet/Homelab-1.png and /dev/null differ
diff --git a/assets/img/projet/Homelab-2.avif b/assets/img/projet/Homelab-2.avif
new file mode 100644
index 0000000..c872601
Binary files /dev/null and b/assets/img/projet/Homelab-2.avif differ
diff --git a/assets/img/projet/Homelab-2.png b/assets/img/projet/Homelab-2.png
deleted file mode 100644
index bb5dfc3..0000000
Binary files a/assets/img/projet/Homelab-2.png and /dev/null differ
diff --git a/assets/img/projet/Homelab-3.avif b/assets/img/projet/Homelab-3.avif
new file mode 100644
index 0000000..0977211
Binary files /dev/null and b/assets/img/projet/Homelab-3.avif differ
diff --git a/assets/img/projet/Homelab-3.png b/assets/img/projet/Homelab-3.png
deleted file mode 100644
index c027c7a..0000000
Binary files a/assets/img/projet/Homelab-3.png and /dev/null differ
diff --git a/assets/img/projet/Homelab-4.avif b/assets/img/projet/Homelab-4.avif
new file mode 100644
index 0000000..c54c330
Binary files /dev/null and b/assets/img/projet/Homelab-4.avif differ
diff --git a/assets/img/projet/Homelab-4.png b/assets/img/projet/Homelab-4.png
deleted file mode 100644
index b04091d..0000000
Binary files a/assets/img/projet/Homelab-4.png and /dev/null differ
diff --git a/assets/img/projet/Python-game-1.avif b/assets/img/projet/Python-game-1.avif
new file mode 100644
index 0000000..6cae465
Binary files /dev/null and b/assets/img/projet/Python-game-1.avif differ
diff --git a/assets/img/projet/Python-game-1.png b/assets/img/projet/Python-game-1.png
deleted file mode 100644
index 261557a..0000000
Binary files a/assets/img/projet/Python-game-1.png and /dev/null differ
diff --git a/assets/img/projet/Python-game-2.avif b/assets/img/projet/Python-game-2.avif
new file mode 100644
index 0000000..a1627ac
Binary files /dev/null and b/assets/img/projet/Python-game-2.avif differ
diff --git a/assets/img/projet/Python-game-2.png b/assets/img/projet/Python-game-2.png
deleted file mode 100644
index b150e8e..0000000
Binary files a/assets/img/projet/Python-game-2.png and /dev/null differ
diff --git a/assets/img/projet/Site-d3vyce-1.avif b/assets/img/projet/Site-d3vyce-1.avif
new file mode 100644
index 0000000..148ac45
Binary files /dev/null and b/assets/img/projet/Site-d3vyce-1.avif differ
diff --git a/assets/img/projet/Site-d3vyce-1.png b/assets/img/projet/Site-d3vyce-1.png
deleted file mode 100644
index 517301a..0000000
Binary files a/assets/img/projet/Site-d3vyce-1.png and /dev/null differ
diff --git a/assets/img/projet/Site-d3vyce-2.avif b/assets/img/projet/Site-d3vyce-2.avif
new file mode 100644
index 0000000..28b1b8f
Binary files /dev/null and b/assets/img/projet/Site-d3vyce-2.avif differ
diff --git a/assets/img/projet/Site-d3vyce-2.png b/assets/img/projet/Site-d3vyce-2.png
deleted file mode 100644
index f612305..0000000
Binary files a/assets/img/projet/Site-d3vyce-2.png and /dev/null differ
diff --git a/assets/img/projet/Site-d3vyce-3.avif b/assets/img/projet/Site-d3vyce-3.avif
new file mode 100644
index 0000000..ae63467
Binary files /dev/null and b/assets/img/projet/Site-d3vyce-3.avif differ
diff --git a/assets/img/projet/Site-d3vyce-3.png b/assets/img/projet/Site-d3vyce-3.png
deleted file mode 100644
index c55e360..0000000
Binary files a/assets/img/projet/Site-d3vyce-3.png and /dev/null differ
diff --git a/assets/img/projet/Site-d3vyce-4.avif b/assets/img/projet/Site-d3vyce-4.avif
new file mode 100644
index 0000000..615bb6a
Binary files /dev/null and b/assets/img/projet/Site-d3vyce-4.avif differ
diff --git a/assets/img/projet/Site-d3vyce-4.png b/assets/img/projet/Site-d3vyce-4.png
deleted file mode 100644
index 4939c27..0000000
Binary files a/assets/img/projet/Site-d3vyce-4.png and /dev/null differ
diff --git a/assets/img/projet/Writeup-ctf-1.avif b/assets/img/projet/Writeup-ctf-1.avif
new file mode 100644
index 0000000..abd5a31
Binary files /dev/null and b/assets/img/projet/Writeup-ctf-1.avif differ
diff --git a/assets/img/projet/Writeup-ctf-1.png b/assets/img/projet/Writeup-ctf-1.png
deleted file mode 100644
index 7f31252..0000000
Binary files a/assets/img/projet/Writeup-ctf-1.png and /dev/null differ
diff --git a/assets/img/projet/Writeup-ctf-2.avif b/assets/img/projet/Writeup-ctf-2.avif
new file mode 100644
index 0000000..e15c11d
Binary files /dev/null and b/assets/img/projet/Writeup-ctf-2.avif differ
diff --git a/assets/img/projet/Writeup-ctf-2.png b/assets/img/projet/Writeup-ctf-2.png
deleted file mode 100644
index 426e43b..0000000
Binary files a/assets/img/projet/Writeup-ctf-2.png and /dev/null differ
diff --git a/assets/img/projet/Writeup-ctf-3.avif b/assets/img/projet/Writeup-ctf-3.avif
new file mode 100644
index 0000000..c9ac036
Binary files /dev/null and b/assets/img/projet/Writeup-ctf-3.avif differ
diff --git a/assets/img/projet/Writeup-ctf-3.png b/assets/img/projet/Writeup-ctf-3.png
deleted file mode 100644
index 266e14a..0000000
Binary files a/assets/img/projet/Writeup-ctf-3.png and /dev/null differ
diff --git a/index.html b/index.html
index a64fbb6..c51b48d 100644
--- a/index.html
+++ b/index.html
@@ -29,7 +29,7 @@
             <div class="container h-100">
                 <div class="row head-row align-items-center h-100 justify-content-evenly text-center">
                     <div class="col-4">
-                        <img src="assets/img/profil.png" class="rounded-circle img-fluid" alt="...">
+                        <img src="assets/img/profil.avif" class="rounded-circle img-fluid" alt="...">
                         <hr class="divider" />
                         <h1 class="text-white font-weight-bold">d3vyce</h1>
                     </div>
@@ -66,7 +66,7 @@
                         <hr class="divider" />
                 <div class="row align-items-center justify-content-center mt-4">
                     <div class="col-xl-2 col-lg-3 col-sm-4">
-                        <img src="assets/img/profil_about.png" class="rounded img-fluid" alt="...">
+                        <img src="assets/img/profil_about.avif" class="rounded img-fluid" alt="...">
                     </div>
                     <div class="col-lg-8 mt-4">
                         <blockquote>
@@ -231,7 +231,7 @@
                             <a href="#Project1-modal" data-bs-toggle="modal" data-toggle="modal">
                                 <div class="row">
                                     <div class="col">
-                                        <img class="project-image" src="assets/img/projet/Site-d3vyce-1.png" alt="...">
+                                        <img class="project-image" src="assets/img/projet/Site-d3vyce-1.avif" alt="...">
                                     </div>
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">d3vyce.fr</h2>
@@ -249,7 +249,7 @@
                             <a href="#Project2-modal" data-bs-toggle="modal">
                                 <div class="row">
                                     <div class="col">
-                                        <img class="project-image" src="assets/img/projet/Python-game-1.png" alt="...">
+                                        <img class="project-image" src="assets/img/projet/Python-game-1.avif" alt="...">
                                     </div>
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Python Game</h2>
@@ -267,7 +267,7 @@
                             <a href="#Project3-modal" data-bs-toggle="modal">
                                 <div class="row">
                                     <div class="col">
-                                        <img class="project-image" src="assets/img/projet/Writeup-ctf-1.png" alt="...">
+                                        <img class="project-image" src="assets/img/projet/Writeup-ctf-1.avif" alt="...">
                                     </div>
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Writeup CTF</h2>
@@ -284,7 +284,7 @@
                             <a href="#Project4-modal" data-bs-toggle="modal">
                                 <div class="row">
                                     <div class="col">
-                                        <img class="project-image" src="assets/img/projet/Homelab-1.png" alt="...">
+                                        <img class="project-image" src="assets/img/projet/Homelab-1.avif" alt="...">
                                     </div>
                                     <div class="col project-text">
                                         <h2 class="text-white font-weight-bold">Homelab</h2>
@@ -329,7 +329,6 @@
                                     <!-- Icon Divider-->
                                     <hr class="divider" />
                                     <!-- Portfolio Modal - Image-->
-                                    <!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
                                     <div id="Project1-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
                                         <!-- Carousel indicators -->
                                         <ol class="carousel-indicators">
@@ -340,13 +339,13 @@
                                         <!-- Wrapper for carousel items -->
                                         <div class="carousel-inner rounded">
                                             <div class="carousel-item active">
-                                                <img src="assets/img/projet/Site-d3vyce-2.png" class="d-block w-100" alt="Slide 1">
+                                                <img src="assets/img/projet/Site-d3vyce-2.avif" class="d-block w-100" alt="Slide 1">
                                             </div>
                                             <div class="carousel-item">
-                                                <img src="assets/img/projet/Site-d3vyce-3.png" class="d-block w-100" alt="Slide 2">
+                                                <img src="assets/img/projet/Site-d3vyce-3.avif" class="d-block w-100" alt="Slide 2">
                                             </div>
                                             <div class="carousel-item">
-                                                <img src="assets/img/projet/Site-d3vyce-4.png" class="d-block w-100" alt="Slide 3">
+                                                <img src="assets/img/projet/Site-d3vyce-4.avif" class="d-block w-100" alt="Slide 3">
                                             </div>
                                         </div>
                                         <!-- Carousel controls -->
@@ -387,7 +386,6 @@
                                     <!-- Icon Divider-->
                                     <hr class="divider" />
                                     <!-- Portfolio Modal - Image-->
-                                    <!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
                                     <div id="Project2-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
                                         <!-- Carousel indicators -->
                                         <ol class="carousel-indicators">
@@ -396,7 +394,7 @@
                                         <!-- Wrapper for carousel items -->
                                         <div class="carousel-inner rounded">
                                             <div class="carousel-item active">
-                                                <img src="assets/img/projet/Python-game-2.png" class="d-block w-100" alt="Slide 1">
+                                                <img src="assets/img/projet/Python-game-2.avif" class="d-block w-100" alt="Slide 1">
                                             </div>
                                         </div>
                                         <!-- Carousel controls -->
@@ -435,7 +433,6 @@
                                     <!-- Icon Divider-->
                                     <hr class="divider" />
                                     <!-- Portfolio Modal - Image-->
-                                    <!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
                                     <div id="Project3-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
                                         <!-- Carousel indicators -->
                                         <ol class="carousel-indicators">
@@ -445,10 +442,10 @@
                                         <!-- Wrapper for carousel items -->
                                         <div class="carousel-inner rounded">
                                             <div class="carousel-item active">
-                                                <img src="assets/img/projet/Writeup-ctf-2.png" class="d-block w-100" alt="Slide 1">
+                                                <img src="assets/img/projet/Writeup-ctf-2.avif" class="d-block w-100" alt="Slide 1">
                                             </div>
                                             <div class="carousel-item">
-                                                <img src="assets/img/projet/Writeup-ctf-3.png" class="d-block w-100" alt="Slide 2">
+                                                <img src="assets/img/projet/Writeup-ctf-3.avif" class="d-block w-100" alt="Slide 2">
                                             </div>
                                         </div>
                                         <!-- Carousel controls -->
@@ -488,7 +485,6 @@
                                     <!-- Icon Divider-->
                                     <hr class="divider" />
                                     <!-- Portfolio Modal - Image-->
-                                    <!-- <img class="img-fluid rounded mb-5" src="assets/img/projet/Homelab-2.png" width="640" height="400" alt="..." />-->
                                     <div id="Project4-carousel" class="carousel slide mb-5" data-bs-ride="carousel">
                                         <!-- Carousel indicators -->
                                         <ol class="carousel-indicators">
@@ -499,13 +495,13 @@
                                         <!-- Wrapper for carousel items -->
                                         <div class="carousel-inner rounded">
                                             <div class="carousel-item active">
-                                                <img src="assets/img/projet/Homelab-2.png" class="d-block w-100" alt="Slide 1">
+                                                <img src="assets/img/projet/Homelab-2.avif" class="d-block w-100" alt="Slide 1">
                                             </div>
                                             <div class="carousel-item">
-                                                <img src="assets/img/projet/Homelab-3.png" class="d-block w-100" alt="Slide 2">
+                                                <img src="assets/img/projet/Homelab-3.avif" class="d-block w-100" alt="Slide 2">
                                             </div>
                                             <div class="carousel-item">
-                                                <img src="assets/img/projet/Homelab-4.png" class="d-block w-100" alt="Slide 3">
+                                                <img src="assets/img/projet/Homelab-4.avif" class="d-block w-100" alt="Slide 3">
                                             </div>
                                         </div>
                                         <!-- Carousel controls -->