diff --git a/examples/portfolio/src/pages/index.astro b/examples/portfolio/src/pages/index.astro
index 8c1e8ab23..84bc0af23 100644
--- a/examples/portfolio/src/pages/index.astro
+++ b/examples/portfolio/src/pages/index.astro
@@ -37,6 +37,7 @@ const featuredProject = projects[0];
       .gradient,
       .gradient2 {
         background-image: url('/assets/mesh-gradient.jpg');
+        background-size: cover;
         pointer-events: none;
         mix-blend-mode: screen;
         width: 100%;
@@ -49,6 +50,7 @@ const featuredProject = projects[0];
 
       .gradient2 {
         mix-blend-mode: multiply;
+        background-size: cover;
       }
 
       .overlay {