Update styles.css

Ensure the profile picture and text are side by side on larger screens and stack vertically on smaller screens.
Use media queries to adjust the layout for mobile devices, ensuring proper spacing and alignment.
Set a maximum width for the text in the "About me" section to improve readability.

styles.css

@@ -56,13 +56,19 @@ section {
 section#about .container {
     display: flex;
     align-items: flex-start;
-    justify-content: space-around;
+    justify-content: space-between;
     margin-bottom: 2rem;
 }
 
 section#about img {
     width: 200px;
     margin-right: 20px;
+    flex-shrink: 0;
+}
+
+section#about .about-text {
+    flex-grow: 1;
+    max-width: 800px;
 }
 
 section#experience {