Changes with Design

src/app/globals.css

@@ -1,4 +1,3 @@
-/* Global Styles */
 body {
     background: linear-gradient(135deg, #000000, #1a001a);
     font-size: 1.125rem;
@@ -39,7 +38,6 @@ html {
     color: #ffffff;
 }
 
-/* Title animation classes */
 .title.normal {
     opacity: 1;
 }
@@ -116,13 +114,6 @@ html {
     width: 100%;
 }
 
-.imageRight img,
-.imageLeft img {
-    width: 90%;
-    height: auto;
-    border-radius: 8px;
-}
-
 .learnMoreButton {
     padding: 1rem 2rem;
     font-size: 1.25rem;
@@ -179,11 +170,16 @@ body {
 
 .imageRight img,
 .imageLeft img {
-    width: 90%;
+    box-sizing: border-box;
+    width: auto;
+    max-width: 90%;
     height: auto;
+    max-height: 500px;
     border-radius: 8px;
     border: 4px solid #3d003d;
     animation: pulseBorder 1.5s infinite alternate ease-in-out;
+    object-fit: contain;
+    display: block;
 }
 
 

src/app/page.js

@@ -62,7 +62,7 @@ export default function Home() {
                 <section className="section">
                     <div className="textLeft">
                         <p>
-                            I specialize in creating intuitive and dynamic web solutions using HTML, CSS and Javascript.
+                            I&#39;m a passionate developer exploring web, game, and backend technologies with a focus on innovation and creativity.
                         </p>
                     </div>
                     <div className="imageRight">