From 69b6511686df43af79dae76d00e08644bc7baf74 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 11 Jan 2024 19:17:59 -0600
Subject: [PATCH] more

---
 src/Components/Features/FeaturesPage.js |  3 +++
 src/styles/features.scss                | 36 +++++++++++++++++++++++++
 2 files changed, 39 insertions(+)

diff --git a/src/Components/Features/FeaturesPage.js b/src/Components/Features/FeaturesPage.js
index 2eb8ca0..59d7684 100644
--- a/src/Components/Features/FeaturesPage.js
+++ b/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>
diff --git a/src/styles/features.scss b/src/styles/features.scss
index 739d58e..a1c2706 100644
--- a/src/styles/features.scss
+++ b/src/styles/features.scss
@@ -78,20 +78,56 @@
   margin: 28px 0px;
 }
 
+.features-top-mobile-img {
+  display: none;
+}
+
 @media only screen and (max-width: 430px) {
   .features-top-wrapper {
     flex-direction: column;
   }
+
   .features-top-left {
     width: 100%;
   }
+
   .features-top-right {
     width: 100%;
   }
+
   .features-bottom-left {
     width: 100%;
   }
+
   .features-bottom-right {
     width: 100%;
   }
+
+  .features-header-text {
+    margin-top: -8px;
+  }
+
+  .features-list-item {
+    width: 98%;
+    text-align: justify;
+    font-size: 0.94rem;
+    margin: 6px 0px;
+  }
+
+  .features-top-right {
+    display: none;
+  }
+
+  .features-top-mobile-img {
+    display: flex;
+  }
+
+  .features-image-one {
+    display: flex;
+    flex-direction: column;
+    margin-right: 10px;
+    height: 300px;
+    float: right;
+    border-radius: 15px;
+  }
 }