more

src/Components/Features/FeaturesPage.js

@@ -14,6 +14,9 @@ const FeaturesPage = () => {
     <>
       <div className="features-container">
         <div className="features-top-wrapper">
+          <div className="features-top-mobile-img">
+            <img className="features-image-one" src={legalTechFlip} />
+          </div>
           <div className="features-top-left">
             <FeaturesTop />
           </div>

src/styles/features.scss

@@ -47,8 +47,13 @@
 .features-bottom-left {
   display: flex;
   flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: auto;
   padding: 6px 8px;
   width: 50%;
+  background-color: var(--haq-blue);
+  border-radius: 15px;
   height: 100%;
 }
 
@@ -58,8 +63,6 @@
   padding: 18px 8px;
   width: 50%;
   height: 100%;
-  background-color: var(--haq-blue);
-  border-radius: 15px;
 }
 
 .features-image-one {
@@ -89,6 +92,8 @@
 
   .features-top-wrapper {
     flex-direction: column;
+    height: 468px;
+    margin-bottom: 12px;
   }
 
   .features-bottom-wrapper {