Updated skills section to more accurately reflect my personal usage and fixed rendering of about me on mobile

src/styles/pages/about.css

@@ -30,6 +30,10 @@
     width: 100%;
 }
 
+.about-content.reversed {
+    flex-direction: row-reverse;
+}
+
 .about-image-container {
     flex: 0 0 auto;
 }
@@ -70,7 +74,9 @@
 
 /* Mobile/Responsive */
 @media (orientation: portrait) {
-    .about-content {
+
+    .about-content,
+    .about-content.reversed {
         flex-direction: column;
         gap: 30px;
     }
@@ -87,7 +93,9 @@
 }
 
 @media (max-width: 768px) {
-    .about-content {
+
+    .about-content,
+    .about-content.reversed {
         flex-direction: column;
         gap: 30px;
     }
@@ -95,4 +103,4 @@
     .about-title {
         margin-bottom: 20px;
     }
-}
+}