diff --git a/docs/overview/what-is-backstage.md b/docs/overview/what-is-backstage.md
index fa1c75de44..669e4a43ee 100644
--- a/docs/overview/what-is-backstage.md
+++ b/docs/overview/what-is-backstage.md
@@ -39,7 +39,7 @@ Out of the box, Backstage includes:
 Backstage is a CNCF Incubation project after graduating from Sandbox. Read the announcement
 [here](https://backstage.io/blog/2022/03/16/backstage-turns-two#out-of-the-sandbox-and-into-incubation).
 
-<img src="https://backstage.io/img/cncf-white.svg" alt="CNCF logo" width="400" />
+<img src="/workspaces/backstage/microsite/static/img/cncf-stacked-color.svg" class="cncf-logo light-mode" alt="CNCF logo" width="400">
 
 ## Benefits
 
diff --git a/microsite/static/css/custom.css b/microsite/static/css/custom.css
index 8aa87cb06d..198ccb2762 100644
--- a/microsite/static/css/custom.css
+++ b/microsite/static/css/custom.css
@@ -1351,26 +1351,6 @@ h3.collapsible span.arrow {
 }
 /* End of Utility API Styling */
 
-.cncf-logo.light-mode {
-  display: block !important;
-}
-
-.cncf-logo.dark-mode {
-  display: none !important;
-}
-
-/* When system/browser is in dark mode */
-@media (prefers-color-scheme: dark) {
-  .cncf-logo.light-mode {
-    display: none !important;
-  }
-  .cncf-logo.dark-mode {
-    display: block !important;
-  }
-}
-
-
-
 
 
 
diff --git a/microsite/static/img/cncf-black.svg b/microsite/static/img/cncf-stacked-color.svg
similarity index 100%
rename from microsite/static/img/cncf-black.svg
rename to microsite/static/img/cncf-stacked-color.svg
diff --git a/microsite/static/img/cncf-white.svg b/microsite/static/img/cncf-stacked-white.svg
similarity index 100%
rename from microsite/static/img/cncf-white.svg
rename to microsite/static/img/cncf-stacked-white.svg