remove used image

src/app/globals.css

@@ -333,7 +333,7 @@ body {
     margin-top: 0;
     min-height: 500px;
     overflow: visible;
-    padding-bottom: 100px;
+    padding-bottom: 120px;
     background:
       radial-gradient(circle at 62% 48%, rgba(108, 14, 128, 0.7), transparent 36%),
       radial-gradient(circle at 25% 38%, rgba(55, 0, 74, 0.62), transparent 34%),
@@ -416,13 +416,14 @@ body {
     opacity: 0.8;
   }
 
-  /* Left column occupies exactly 46% of width to avoid diagonal overlap */
+  /* Left column occupies exactly 48% of width to avoid diagonal overlap */
   .hero-content {
     position: relative;
     z-index: 3;
-    width: 46%;
-    max-width: 46%;
+    width: 48%;
+    max-width: 48%;
     padding-top: 94px;
+    padding-bottom: 40px;
     animation: hero-copy-enter 760ms cubic-bezier(0.16, 1, 0.3, 1) both;
   }
 
@@ -435,7 +436,7 @@ body {
   .service-cards-wrapper {
     position: relative;
     z-index: 10;
-    margin-top: -85px;
+    margin-top: -40px;
     padding-left: var(--spacing-margin-desktop);
     padding-right: var(--spacing-margin-desktop);
   }
@@ -446,7 +447,7 @@ body {
     position: relative;
     margin-top: 0;
     background: #120018;
-    padding-bottom: 110px;
+    padding-bottom: 40px;
     overflow: visible;
   }
 
@@ -491,7 +492,7 @@ body {
   .service-cards-wrapper {
     position: relative;
     z-index: 20;
-    margin-top: -48px;
+    margin-top: 32px;
     overflow-x: auto;
     padding-left: var(--spacing-margin-mobile);
     padding-right: var(--spacing-margin-mobile);