Bigger redesign

styles/globals.scss

@@ -43,11 +43,21 @@
   fill: $white;
 }
 
-.landing-logo {
-  max-width: 7000px;
+
+
+  .landing-logo {
   max-height: 50vh;
 }
 
+.products-img-shadow {
+  box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
+}
+
+.products-img-shadow.order-1 {
+  box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
+}
+
+
 h1 {
   margin-bottom: 2rem;
   font-family: circe, sans-serif;
@@ -120,14 +130,6 @@ section {
   background-color: $hp-dark_grey;
 }
 
-.products-img-shadow {
-  box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
-}
-
-.products-img-shadow.order-1 {
-  box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
-}
-
 .products-container {
   img {
     max-width: 100%;
@@ -138,12 +140,6 @@ section {
   }
 }
 
-.background-image {
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-}
-
 .icon-size {
   svg {
     max-width: 50%;
@@ -158,14 +154,30 @@ section {
 }
 
 .min-height-100:first-of-type {
-  .products-img:first-of-type {
-    min-height: calc(200px);
+
+.products-img-icon-wrapper {
+    width: 250px;
+    height: 250px;
+    margin: 25px;
+    z-index: 500;
+    backdrop-filter: blur(10px);
+    border-radius: 25px;
+    background-color: rgba(13, 13, 13, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 25px;
   }
 
   @include media-breakpoint-up(lg) {
     min-height: calc(100vh - (200px - 49px));
 
-    .products-img:first-of-type {
+  .products-img-icon-wrapper {
+    width: 400px;
+    height: 400px;
+  }
+
+    .products-img-container:first-of-type {
       min-height: calc(100vh - 49px);
     }
   }
@@ -216,4 +228,20 @@ section {
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
+}
+
+.home-services-bg-wrapper {
+  width: 100%;
+  z-index: -1;
+  overflow: "hidden"
+
+  img {
+    object-fit: cover;
+  }
+}
+
+.background-image {
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
 }