diff --git a/src/collections/integrations/_images/argo-cd/meshmap-designer-dark.png b/src/collections/integrations/_images/argo-cd/meshmap-designer-dark.png
new file mode 100644
index 000000000000..6ddc380ad8d7
Binary files /dev/null and b/src/collections/integrations/_images/argo-cd/meshmap-designer-dark.png differ
diff --git a/src/collections/integrations/_images/argo-cd/meshmap-designer-light.png b/src/collections/integrations/_images/argo-cd/meshmap-designer-light.png
new file mode 100644
index 000000000000..a07c79aa44fe
Binary files /dev/null and b/src/collections/integrations/_images/argo-cd/meshmap-designer-light.png differ
diff --git a/src/collections/integrations/_images/argo-cd/meshmap-visualizer-dark.png b/src/collections/integrations/_images/argo-cd/meshmap-visualizer-dark.png
new file mode 100644
index 000000000000..e100186a5cd9
Binary files /dev/null and b/src/collections/integrations/_images/argo-cd/meshmap-visualizer-dark.png differ
diff --git a/src/collections/integrations/_images/argo-cd/meshmap-visualizer-light.png b/src/collections/integrations/_images/argo-cd/meshmap-visualizer-light.png
new file mode 100644
index 000000000000..099b39ca4015
Binary files /dev/null and b/src/collections/integrations/_images/argo-cd/meshmap-visualizer-light.png differ
diff --git a/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-dark.png b/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-dark.png
new file mode 100644
index 000000000000..6ddc380ad8d7
Binary files /dev/null and b/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-dark.png differ
diff --git a/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-light.png b/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-light.png
new file mode 100644
index 000000000000..a07c79aa44fe
Binary files /dev/null and b/src/collections/integrations/_images/cert-manager-crds/meshmap-designer-light.png differ
diff --git a/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-dark.png b/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-dark.png
new file mode 100644
index 000000000000..e100186a5cd9
Binary files /dev/null and b/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-dark.png differ
diff --git a/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-light.png b/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-light.png
new file mode 100644
index 000000000000..099b39ca4015
Binary files /dev/null and b/src/collections/integrations/_images/cert-manager-crds/meshmap-visualizer-light.png differ
diff --git a/src/collections/integrations/argo-cd/index.mdx b/src/collections/integrations/argo-cd/index.mdx
index cdabddba7744..9a5a395ef83b 100644
--- a/src/collections/integrations/argo-cd/index.mdx
+++ b/src/collections/integrations/argo-cd/index.mdx
@@ -39,8 +39,10 @@ featureList: [
   "Visualize your declarative, GitOps continuous delivery tool for Kubernetes."
 ]
 workingSlides: [
-  ../_images/meshmap-visualizer.png,
-  ../_images/meshmap-designer.png
+  ../_images/argp-cd/meshmap-visualizer-light.png,
+  ../_images/argo-cd/meshmap-designer-light.png,
+  ../_images/argo-cd/meshmap-visualizer-dark.png,
+  ../_images/argo-cd/meshmap-designer-dark.png,
 ]
 howItWorks: "Collaborative Infrastructure as Design"
 howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."