diff --git a/pkg/web_css/lib/src/_base.scss b/pkg/web_css/lib/src/_base.scss
index d4ef37db2..9818989b6 100644
--- a/pkg/web_css/lib/src/_base.scss
+++ b/pkg/web_css/lib/src/_base.scss
@@ -282,7 +282,6 @@ pre {
 
 ._banner-bg {
   background: var(--pub-searchbar-background-color);
-  background-image: url("../img/hero-bg-static.svg");
   background-size: cover;
   color: var(--pub-searchbar-text-color);
   padding: 10px 0px;
@@ -290,6 +289,11 @@ pre {
   a {
     color: var(--pub-link-text-color);
   }
+
+  // Display background image only on the landing page.
+  body.page-landing & {
+    background-image: url("../img/hero-bg-static.svg");
+  }
 }
 
 /*