diff --git a/src/components/About.astro b/src/components/About.astro
index 472f000..898fab3 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -15,7 +15,7 @@ const i18n = getI18n({ currentLocale });
       <p set:html={i18n.ABOUT_SECTION.DESCRIPTION_3}></p>
     </div>
     <div class="image">
-      <img src="programming.webp" alt={i18n.ABOUT_SECTION.IMAGE.ALT}>
+      <img src="/programming.webp" alt={i18n.ABOUT_SECTION.IMAGE.ALT}>
     </div>
   </div>
 </section>
diff --git a/src/data/projects.json b/src/data/projects.json
index a28e2ff..6d607fa 100644
--- a/src/data/projects.json
+++ b/src/data/projects.json
@@ -2,7 +2,7 @@
   {
     "name": "Cloud Box",
     "description": "This is a simple cloud storage service that allows users to upload and download files. Here you can also create folders and subfolders to organize your files",
-    "image": "images/portfolio/cloud-box.webp",
+    "image": "/images/portfolio/cloud-box.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "NodeJs", "image": "nodejs.webp" },
@@ -15,7 +15,7 @@
   {
     "name": "Info Reader",
     "description": "This is a web application that allows you to read technology news, using RSS feeds from different sources and saving them in a database. It also allows you to create a user account and save your favorite news.",
-    "image": "images/portfolio/inforeader.webp",
+    "image": "/images/portfolio/inforeader.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "NodeJs", "image": "nodejs.webp" },
@@ -28,7 +28,7 @@
   {
     "name": "Smart Dental",
     "description": "This application allows you to manage a dental clinic, it allows you to guide a history of the patient, manage the appointments, inventory, employees and patients.",
-    "image": "images/portfolio/smart-dental.webp",
+    "image": "/images/portfolio/smart-dental.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "NestJs", "image": "nestjs.webp" },
@@ -41,7 +41,7 @@
   {
     "name": "Bon Appetito App",
     "description": "Here you can buy or build your own pizza, choose the ingredients and the size of the pizza, and then you can order it.",
-    "image": "images/portfolio/bon-appetito.webp",
+    "image": "/images/portfolio/bon-appetito.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "TypeScript", "image": "ts.webp" },
@@ -54,7 +54,7 @@
   {
     "name": "Guess Word Game",
     "description": "This a game where you have to guess the answer to a question. Depending on the difficulty level, you will have a certain number of attempts to guess the answer. The game ends when you run out of attempts or you guess the answer correctly",
-    "image": "images/portfolio/guess-word.webp",
+    "image": "/images/portfolio/guess-word.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "NodeJs", "image": "nodejs.webp" },
@@ -67,7 +67,7 @@
   {
     "name": "Twitter Clone",
     "description": "This is a clone of the Twitter application, it allows you to create a user account, post tweets, follow other users, like tweets, etc.",
-    "image": "images/portfolio/twitter-clone.webp",
+    "image": "/images/portfolio/twitter-clone.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "NodeJs", "image": "nodejs.webp" },
@@ -80,7 +80,7 @@
   {
     "name": "Memory Game",
     "description": "This is a memory game, you have to find the pairs of cards, you have 3 levels of difficulty, easy, medium and hard.",
-    "image": "images/portfolio/memory-game.webp",
+    "image": "/images/portfolio/memory-game.webp",
     "technologies": [
       { "name": "HTML", "image": "html.webp" },
       { "name": "CSS", "image": "css.webp" },
@@ -92,7 +92,7 @@
   {
     "name": "Unit Converter",
     "description": "This is a unit converter, you can convert from one unit to another, it has different categories, such as length, weight, volume, etc.",
-    "image": "images/portfolio/unit-converter.webp",
+    "image": "/images/portfolio/unit-converter.webp",
     "technologies": [
       { "name": "Angular", "image": "angular.webp" },
       { "name": "TypeScript", "image": "ts.webp" },
diff --git a/src/data/skills.json b/src/data/skills.json
index e96702f..7816bfa 100644
--- a/src/data/skills.json
+++ b/src/data/skills.json
@@ -2,128 +2,128 @@
   "cardsDataFrontend": [
     {
       "name": "HTML",
-      "imagePath": "images/html.webp",
+      "imagePath": "/images/html.webp",
       "alt": "html"
     },
     {
       "name": "CSS 3",
-      "imagePath": "images/css.webp",
+      "imagePath": "/images/css.webp",
       "alt": "css"
     },
     {
       "name": "JavaScript",
-      "imagePath": "images/js.webp",
+      "imagePath": "/images/js.webp",
       "alt": "js"
     },
     {
       "name": "TypeScript",
-      "imagePath": "images/ts.webp",
+      "imagePath": "/images/ts.webp",
       "alt": "ts"
     },
     {
       "name": "Angular",
-      "imagePath": "images/angular.webp",
+      "imagePath": "/images/angular.webp",
       "alt": "angular"
     },
     {
       "name": "Astro",
-      "imagePath": "images/astro.webp",
+      "imagePath": "/images/astro.webp",
       "alt": "astro"
     },
     {
       "name": "Svelte",
-      "imagePath": "images/svelte.webp",
+      "imagePath": "/images/svelte.webp",
       "alt": "svelte"
     },
     {
       "name": "SASS",
-      "imagePath": "images/sass.webp",
+      "imagePath": "/images/sass.webp",
       "alt": "scss"
     },
     {
       "name": "Bootstrap",
-      "imagePath": "images/bootstrap.webp",
+      "imagePath": "/images/bootstrap.webp",
       "alt": "bootstrap"
     }
   ],
   "cardsDataBackend": [
     {
       "name": "Nodejs",
-      "imagePath": "images/nodejs.webp",
+      "imagePath": "/images/nodejs.webp",
       "alt": "nodejs"
     },
     {
       "name": "Nestjs",
-      "imagePath": "images/nestjs.webp",
+      "imagePath": "/images/nestjs.webp",
       "alt": "nestjs"
     },
     {
       "name": "MongoDB",
-      "imagePath": "images/mongo.webp",
+      "imagePath": "/images/mongo.webp",
       "alt": "mongodb"
     },
     {
       "name": "PostgreSql",
-      "imagePath": "images/postgresql.webp",
+      "imagePath": "/images/postgresql.webp",
       "alt": "postgresql"
     },
     {
       "name": "Sql Server",
-      "imagePath": "images/sqlserver.webp",
+      "imagePath": "/images/sqlserver.webp",
       "alt": "sqlserver"
     },
     {
       "name": "MySql",
-      "imagePath": "images/mysql.webp",
+      "imagePath": "/images/mysql.webp",
       "alt": "mysql"
     },
     {
       "name": "Docker",
-      "imagePath": "images/docker.webp",
+      "imagePath": "/images/docker.webp",
       "alt": "docker"
     }
   ],
   "cardsDataOthers": [
     {
       "name": "Git",
-      "imagePath": "images/git.webp",
+      "imagePath": "/images/git.webp",
       "alt": "git"
     },
     {
       "name": "Azure",
-      "imagePath": "images/azure.webp",
+      "imagePath": "/images/azure.webp",
       "alt": "azure"
     },
     {
       "name": "Figma",
-      "imagePath": "images/figma.webp",
+      "imagePath": "/images/figma.webp",
       "alt": "figma"
     },
     {
       "name": "Postman",
-      "imagePath": "images/postman.webp",
+      "imagePath": "/images/postman.webp",
       "alt": "postman"
     },
     {
       "name": "Jest",
-      "imagePath": "images/jest.webp",
+      "imagePath": "/images/jest.webp",
       "alt": "jest"
     },
     {
       "name": "Jasmine",
-      "imagePath": "images/jasmine.webp",
+      "imagePath": "/images/jasmine.webp",
       "alt": "jasmine"
     }
   ],
   "cardsDataLearning": [
     {
       "name": "Vue",
-      "imagePath": "images/vue.webp",
+      "imagePath": "/images/vue.webp",
       "alt": "vue"
     },
     {
       "name": "Tailwind",
-      "imagePath": "images/tailwind.webp",
+      "imagePath": "/images/tailwind.webp",
       "alt": "tailwind"
     }
   ]