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;
 }