Fix logo not showing in background

src/shared/styles/background.scss

@@ -32,6 +32,17 @@
             word-spacing: 5px;
         }
     }
+
+    @media screen and (max-width: $mobile-portrait-length) {
+        .converse-brand {
+            display: none;
+        }
+    }
+    @include media-breakpoint-down(sm) {
+        .converse-brand {
+            display: none;
+        }
+    }
 }
 
 .converse-fullscreen {
@@ -115,11 +126,3 @@
         }
     }
 }
-
-@include media-breakpoint-down(m) {
-    #conversejs-bg {
-        .converse-brand {
-            display: none;
-        }
-    }
-}

webpack/webpack.build.js

@@ -21,6 +21,7 @@ const plugins = [
             {from: 'logo/conversejs-filled-192.svg', to: 'images/logo'},
             {from: 'logo/conversejs-filled-512.svg', to: 'images/logo'},
             {from: 'logo/conversejs-filled.svg', to: 'images/logo'},
+            {from: 'logo/conversejs-gold-gradient.svg', to: 'images/logo'},
             {from: 'src/shared/styles/webfonts', to: 'webfonts'}
         ]
     }),