[Fixes - Screenshots] CD Pipeline Operator under 'How it Works See It in Action' section

src/collections/integrations/akri/index.mdx

@@ -1,18 +1,18 @@
 ---
-title: Akri  
+title: Akri
 subtitle: Collaborative and visual infrastructure as code for Akri
 integrationIcon: icon/color/akri-color.svg
 darkModeIntegrationIcon: icon/white/akri-white.svg
-docURL: 
+docURL:
 category: Provisioning
 subcategory: Automation & Configuration
 featureList: ["Expose heterogeneous leaf devices as resources in a Kubernetes cluster",
 "It is made for the edge and handles the dynamic appearance and disappearance of leaf devices.",
 "It provides an abstraction layer similar to CNI."
 ]
 workingSlides: [
-    ../_images/meshmap-visualizer.png,
-    ../_images/meshmap-designer.png]
+    ../_images/meshmap-designer.png,
+    ../_images/meshmap-visualizer.png,]
 howItWorks: "Collaborative Infrastructure as Code"
 howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
 published: true
@@ -25,4 +25,4 @@ published: true
 </p>
 <p>
     Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
-</p>
+</p>

src/collections/integrations/cd-pipeline-operator/index.mdx

@@ -1,18 +1,20 @@
 ---
-title: CD Pipeline Operator  
+title: CD Pipeline Operator
 subtitle: Collaborative and visual infrastructure as code for CD Pipeline Operator
 integrationIcon: icon/color/cd-pipeline-operator-color.svg
 darkModeIntegrationIcon: icon/white/cd-pipeline-operator-white.svg
-docURL: 
+docURL:
 category: App Definition and Development
 subcategory: Continuous Integration & Delivery
 featureList: ["Provides a pre-defined set of CI/CD patterns and tools.",
 "Allows shortening the time that is passed before an active development.",
 "Security covers authentication, authorization, and SSO for platform services."
 ]
 workingSlides: [
-    ../_images/meshmap-visualizer.png,
-    ../_images/meshmap-designer.png]
+    ../_images/meshmap-designer-light.png,
+    ../_images/meshmap-designer-dark.png,
+    ../_images/meshmap-visualizer-light.png,
+    ../_images/meshmap-visualizer-dark.png,]
 howItWorks: "Collaborative Infrastructure as Code"
 howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
 published: true
@@ -25,4 +27,4 @@ published: true
 </p>
 <p>
     Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
-</p>
+</p>