fix

Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>

Author: saurabhraghuvanshii

src/sections/Meshery/Features-section/features-section.style.js

@@ -12,6 +12,9 @@ const FeaturesSectionWrapper = styled.section`
 	max-width: 100%;
 	contain: layout style paint;
 	transform-origin: center;
+	z-index: 1;
+	height: auto;
+	isolate: isolate;
 	.skw{
 		display: grid;
 		position: relative;
@@ -54,6 +57,8 @@ const FeaturesSectionWrapper = styled.section`
 		transform: skew(0deg, 6deg);
 		padding: 0 1rem 3rem;
 		text-align: center;
+		position: relative;
+		z-index: 1;
 		h1, h2, p {
 			color: white;
 		}

src/sections/Meshery/index.js

@@ -57,10 +57,10 @@ const MesheryPage = () => {
           </div>
           <FeaturesTable />
         </Container>
-        <div style={{ overflow: 'hidden', width: '100%', position: 'relative' }}>
+        <div style={{ overflow: 'hidden', width: '100%', position: 'relative', zIndex: 1 }}>
           <FeaturesSection />
         </div>
-        <Container>
+        <Container style={{ position: 'relative', zIndex: 2 }}>
           <InlineQuotes
             quote="Meshery is the perfect tool for ensuring that your applications are optimally configured and performing well; it also gives you a fantastic visual insight into what can be a large amount of textual configuration"
             person="Nic Jackson"
@@ -72,7 +72,7 @@ const MesheryPage = () => {
           </div>
         </Container>
         <Features />
-        <Container>
+        <Container style={{ position: 'relative', zIndex: 2 }}>
           <DockerExtensionCTA />
           <InlineQuotes
             quote="The Meshery Extension transforms Docker Desktop into a powerful load generation utility, conveniently enabling me to deploy and configure any cloud native infrastructure with a click of the button and invoke and control load-based performance tests from my desktop."

src/sections/Meshery/meshery.style.js

@@ -18,6 +18,8 @@ const MesheryWrapper = styled.section`
             overflow: hidden;
             width: 100%;
             position: relative;
+            height: auto;
+            max-height: none;
         }
     }