diff --git a/websites/pan-dev/src/pages/swfw.scss b/websites/pan-dev/src/pages/swfw.scss
index a7989d40a..6696f363d 100644
--- a/websites/pan-dev/src/pages/swfw.scss
+++ b/websites/pan-dev/src/pages/swfw.scss
@@ -172,15 +172,17 @@ html[data-theme="dark"] {
 
     .cloud-card {
       max-width: 364px;
+      // was previous overidden by second background-color definition
+      // background-color: var(--ifm-color-emphasis-0);
+      background-color: rgba(255, 255, 255, 0.8);
+
       @media (min-width: $md) {
         max-width: 100%;
       }
-      background-color: var(--ifm-color-emphasis-0);
 
       &__inner-content {
         color: var(--ifm-color-text);
       }
-      background-color: rgba(255, 255, 255, 0.8);
     }
   }