diff --git a/index.html b/index.html
index 3db039e..361cda9 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@ <h2 class="font-bold text-xl">What is my skill level?</h2>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
                         <img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
-                            style="color:transparent" src="/media/python.svg" />Python
+                        style="color:transparent" src="/media/matlab.png" />Matlab programming language
                     </div>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
@@ -103,17 +103,17 @@ <h2 class="font-bold text-xl">What is my skill level?</h2>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
                         <img loading="lazy" width="100" height="56" decoding="async" data-nimg="1"
-                            style="color:transparent" src="/media/matlab.png" />Matlab programming language
+                        style="color:transparent" src="/media/e-linux.png" />Embedded Linux
                     </div>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
                         <img loading="lazy" width="100" height="47" decoding="async" data-nimg="1"
-                            style="color:transparent" src="/media/e-linux.png" />Embedded Linux
+                        style="color:transparent" src="/media/python.svg" />Python
                     </div>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
                         <img loading="lazy" width="100" height="100" decoding="async" data-nimg="1"
-                            style="color:transparent" src="/media/cprogramming.png" />C/C++
+                        style="color:transparent" src="/media/arm.png" />ARM Programming
                         Programming
                     </div>
                     <div
@@ -124,7 +124,7 @@ <h2 class="font-bold text-xl">What is my skill level?</h2>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
                         <img loading="lazy" width="100" height="35" decoding="async" data-nimg="1"
-                            style="color:transparent" src="/media/arm.png" />ARM Programming
+                        style="color:transparent" src="/media/cprogramming.png" />C/C++
                     </div>
                     <div
                         class=" border border-gray-400 p-4 lg:p-10 rounded-lg bg-gray-500 flex flex-col flex-shrink-0 items-center justify-center shadow-md hover:shadow-l hover:shadow-rose-700 hover:bg-rose-600 hover:rotate-12">
diff --git a/media/arm.png b/media/arm.png
index 3243b93..39df8ab 100644
Binary files a/media/arm.png and b/media/arm.png differ