Merge branch 'layer5io:master' into master

Author: kishore08-07

src/collections/integrations/cluster-api-provider-openstack/icons/components/open-stack-cluster-identity/icons/color/open-stack-cluster-identity-color.svg

@@ -50,6 +50,12 @@ components: [
 "colorIcon": "icons/components/open-stack-server/icons/color/open-stack-server-color.svg",
 "whiteIcon": "icons/components/open-stack-server/icons/white/open-stack-server-white.svg",
 "description": "",
+},
+{
+"name": "open-stack-cluster-identity",
+"colorIcon": "icons/components/open-stack-cluster-identity/icons/color/open-stack-cluster-identity-color.svg",
+"whiteIcon": "icons/components/open-stack-cluster-identity/icons/white/open-stack-cluster-identity-white.svg",
+"description": "",
 }]
 featureList: [
   "Automates Kubernetes cluster provisioning",

src/collections/integrations/cluster-api-provider-openstack/icons/components/open-stack-cluster-identity/icons/white/open-stack-cluster-identity-white.svg

@@ -4,10 +4,17 @@ const FeaturesSectionWrapper = styled.section`
 
 	background-color: black;
 	transform: skew(0deg, -6deg);
-	padding-bottom:5rem;
+	padding-bottom: 5rem;
 	margin-bottom: 8rem;
 	overflow: hidden;
 	position: relative;
+	width: 100%;
+	max-width: 100%;
+	contain: layout style paint;
+	transform-origin: center;
+	z-index: 1;
+	height: auto;
+	isolate: isolate;
 	.skw{
 		display: grid;
 		position: relative;
@@ -50,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;
 		}
@@ -80,6 +89,7 @@ const FeaturesSectionWrapper = styled.section`
 	.smp-section {
 		margin: 3rem auto;
 		max-width: 85%;
+		overflow: hidden;
 
 		.smp-section-row {
 			margin: 4rem 0;
@@ -100,8 +110,10 @@ const FeaturesSectionWrapper = styled.section`
 
 		.smp-section-caraousel {
 			.slick-slider {
+			    max-height: 520px;
 				.slick-list {
 					max-width: 50rem;
+					max-height: 520px;
 
 					.slick-slide {
 						img {

src/collections/integrations/cluster-api-provider-openstack/index.mdx

@@ -4,6 +4,10 @@ const MesheryWrapper = styled.section`
     position: relative;
     z-index: 1;
     overflow-x: hidden;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
     .info {
         position: relative;
         overflow: hidden;