src/app/services/services.component.html

@@ -4,7 +4,7 @@
     <p>Welcome to my creative workspace! I’m a solution-driven freelancer with a passion for blending innovative thinking with technical know-how to bring unique ideas to life. Whether you’re looking to build a prototype, develop custom code, or create a tailored automation system, I’m here to help turn your vision into a reality. My approach combines hands-on experience with a fresh perspective, ensuring that every project isn’t just functional, but forwardthinking and impactful.</p>
     <a href="mailto:contact@cptarn.com" class="web">Contact</a>
   </div>
-  <img src="assets/service-1.svg" />
+  <img src="assets/Website_Arne.svg" />
   <a href="mailto:contact@cptarn.com" class="mobile">Contact</a>
 </div>
 <div class="right">
@@ -17,7 +17,7 @@
         solutions that help you innovate, save time, and stay ahead. Let's work together
         to make your next project a success!</p>
   </div>
-  <img src="assets/service-2.svg" />
+  <img src="assets/Website_Topview_Collab.svg" />
 </div>
 <div class="full">
   <div class="text">
@@ -31,5 +31,5 @@
       right technology can enhance productivity and improve daily workflows, whether in
       a corporate environment or your own home.</p>
   </div>
-  <img src="assets/service-3.svg" />
+  <img src="assets/Website_Desk.svg" />
 </div>

src/app/services/services.component.scss

@@ -20,6 +20,15 @@ h2 {
 .left, .right {
   display: flex;
   justify-content: center;
+  gap: 5%;
+
+  &:first-child {
+    margin-bottom: -8rem;
+    img {
+      position: relative;
+      top: -7rem;
+    }
+  }
 
   .text {
     max-width: 50%;
@@ -58,6 +67,13 @@ a {
 @media screen and (max-width: variables.$breakpoint) {
   .left, .right {
     flex-direction: column;
+    &:first-child {
+      margin-bottom: 3rem;
+      img {
+        position: relative;
+        top: 0rem;
+      }
+      }
     .text, img {
       max-width: 100%;
     }