feat: Lower opacity on landing bg image

templates/assets/css/theme.css

@@ -22,10 +22,16 @@
   background: rgba(0,0,0,0.79);
 }
 
+[data-bs-theme=dark] .clean-block.clean-hero::before {
+  background: url("/assets/img/backgrounds/blocksaugw.svg") center / contain no-repeat;
+  color: rgba(0,0,0,0);
+  filter: opacity(10%);
+}
+
 .clean-block.clean-hero::before {
   background: url("/assets/img/backgrounds/blocksaug.svg") center / contain no-repeat;
   color: rgba(0,0,0,0);
-  filter: opacity(20%);
+  filter: opacity(10%);
 }
 
 .floating-switch {

templates/index.html

@@ -154,7 +154,7 @@
         </div>
         <div class="dark-only" style="margin-bottom: 3em;">
             <div style="max-width: 800px;margin: auto;"><img src="/assets/img/HandshakeAustraliaTW.webp" width="50%" style="max-width: 400px;margin-left: 20px;"></div>
-            <section class="text-start clean-block clean-hero" style="background: url(&quot;/assets/img/backgrounds/blocksaugw.svg&quot;) center / contain no-repeat;color: rgba(0,0,0,0);">
+            <section class="text-start clean-block clean-hero">
                 <div class="text" style="max-width: 700px;width: 95%;">
                     <p style="font-size: 20px;">Welcome to the premier destination for Australians embracing the decentralized web, powered by Handshake. Handshake offers a revolutionary alternative to centralized DNS root authorities, delivering a transparent and equitable root zone. Operated without ownership or control by any single entity, Handshake ensures a truly decentralized internet experience.</p>
                 </div>