background logo

static/app.css

@@ -19,6 +19,32 @@ body {
     var(--light-background);
 }
 
+/* Subtle oversized logo watermark on all main sections */
+main {
+  position: relative;
+  overflow: hidden;
+}
+
+main::before {
+  content: "";
+  position: absolute;
+  inset: 100px 0 0 0;
+  background-image: url("/custom_logo/logoB.png");
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-size: 140%;
+  opacity: 0.03;
+  filter: blur(3px) saturate(90%) brightness(1.02);
+  mix-blend-mode: multiply;
+  pointer-events: none;
+  z-index: 5; /* bring logo in front */
+}
+
+main > * {
+  position: relative;
+  z-index: 1;
+}
+
 /* Header styles */
 .site-header {
   background: linear-gradient(120deg, var(--dark-background), #13253f);