improved

layer5io · Aug 12, 2023 · 86d38a6 · 86d38a6
1 parent 7423449
commit 86d38a6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/sections/Company/About/about.style.js b/src/sections/Company/About/about.style.js
@@ -6,6 +6,9 @@ const AboutSectionWrapper = styled.section`
 .About-projects-mobile{
   display:none;
 }
+.About-projects{
+  display:flex;
+}
 
   .section__particle {
     position: absolute;
@@ -73,6 +76,16 @@ const AboutSectionWrapper = styled.section`
       }
     }
   }
+  .head-images-2 {
+    text-align: center;
+
+    svg {
+      .cncf-stacked-color_svg__st0 {
+        fill: ${props => props.theme.whiteToGreen3C494F};
+        transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+      }
+    }
+  }
   .head-images-mobile{
     display:none;
   }

diff --git a/src/sections/Company/About/index.js b/src/sections/Company/About/index.js
@@ -60,7 +60,7 @@ const About = () => {
                 </div>
               </Col>
             </Row>
-
+            <img loading="lazy" src={Layer5Projects} alt="About Layer5 Projects"  className="About-projects"/>
             <Row Vcenter={true} className="row-img-cont-2">
               <Col xs={12} sm={6}>
                 <div className="about-text text-two">
@@ -87,7 +87,7 @@ const About = () => {
                 </div>
               </Col>
               <Col xs={12} sm={6}>
-                <div className="head-images">
+                <div className="head-images-2">
                   <img
                     src={communityStat}
                     alt="Layer5 Community Stat"