fix: infinit scroll by removing percentage based

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

Author: saurabhraghuvanshii

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

@@ -5,7 +5,9 @@ const FeaturesSectionWrapper = styled.section`
 	background-color: black;
 	transform: skew(0deg, -6deg);
 	padding-bottom:5rem;
-	margin-bottom: 10%;
+	margin-bottom: 8rem;
+	overflow: hidden;
+	position: relative;
 	.skw{
 		display: grid;
 		position: relative;
@@ -164,6 +166,7 @@ const FeaturesSectionWrapper = styled.section`
 
 	@media screen and (max-width: 1200px) {
 		padding-bottom: 2rem;
+		margin-bottom: 6rem;
 
 		.smp-section {
 			.smp-section-row {
@@ -191,6 +194,7 @@ const FeaturesSectionWrapper = styled.section`
 
 	@media screen and (max-width: 960px) {
 		padding-bottom: 0rem;
+		margin-bottom: 4rem;
 		.smp-section .smp-section-caraousel .slick-slider .slick-list {
 			.slick-slide {
 				img {

src/sections/Meshery/meshery.style.js

@@ -3,6 +3,7 @@ import styled from "styled-components";
 const MesheryWrapper = styled.section`
     position: relative;
     z-index: 1;
+    overflow-x: hidden;
     .info {
         position: relative;
         overflow: hidden;