make the fading effect stronger

packages/docusaurus-playground/src/pages/index.mdx

@@ -10,17 +10,20 @@ import {
   HeroModel,
 } from '../components/mdx'
 
-<Hero size="large" title="The web3 managing standard" description="Waku is a decentralized communications network">
-<HeroActions>
-  <HeroAction href="https://docs.waku.org" target="_blank">
-    Build on Waku
-  </HeroAction>
-  <HeroAction variant="filled" href="https://docs.waku.org" target="_blank">
-    Run Waku
-  </HeroAction>
-</HeroActions>
-
-  <HeroModel modelUrl="/hero/bust-hi.glb" layout="cropped" renderer="ascii"/>
+<Hero
+  size="large"
+  title="The web3 managing standard"
+  description="Waku is a decentralized communications network"
+>
+  <HeroActions>
+    <HeroAction href="https://docs.waku.org" target="_blank">
+      Build on Waku
+    </HeroAction>
+    <HeroAction variant="filled" href="https://docs.waku.org" target="_blank">
+      Run Waku
+    </HeroAction>
+  </HeroActions>
+  <HeroModel modelUrl="/hero/bust-hi.glb" layout="floating" renderer="ascii" />
 </Hero>
 
 <FeatureList

packages/logos-docusaurus-theme/src/client/components/mdx/HeroModel/HeroModel.scss

@@ -23,9 +23,9 @@
     background-image: linear-gradient(
       179.61deg,
       rgba(0, 0, 0, 0) 0.34%,
-      #000000 114.92%
+      #000000 70%
     );
-    opacity: 0.3;
+    opacity: 1;
   }
 }
 
@@ -57,12 +57,13 @@
     &,
     * {
       border: none !important;
+      font-family: monospace;
     }
 
     tr {
-      text-align: center;
-      font-size: 12px;
-      letter-spacing: 1px;
+      //text-align: center;
+      //font-size: 12px;
+      //letter-spacing: 1px;
     }
   }
 }