update mycelium template

templates/shortcodes/hero_img.html

@@ -0,0 +1,31 @@
+<div class="flex flex-col lg:flex-row-reverse items-center overflow-hidden bg-white pt-10">
+
+  <!-- Image first on mobile, right on desktop -->
+  <div class="w-full lg:w-1/2 h-80 lg:h-full">
+    <img src="/images/mycel_1.png" 
+         alt="Mycelium Network Graphic" 
+         class="w-full h-full object-cover object-center" />
+  </div>
+
+  <!-- Text Content -->
+  <div class="w-full lg:w-1/2 px-6 py-12 lg:px-16 lg:py-32">
+    <div class="max-w-2xl mx-auto">
+      <h1 class="text-4xl font-semibold tracking-tight lg:text-6xl">
+        MYCELIUM
+      </h1>
+      <h2 class="fade-in text-3xl lg:text-4xl font-normal tracking-tight mt-4">
+        Unleashing the Power of<br> Decentralized Networks
+      </h2>
+      <p class="mt-8 text-lg lg:text-xl font-light">
+        Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. <br><br> 
+        <b>Coming Soon: New Decentralized Features</b>
+      </p>
+      <div class="mt-10">
+        <a href="/download" class="rounded-2xl bg-black px-4 py-2 text-sm font-semibold text-white shadow hover:bg-gray-700 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-gray-300">
+          Get Mycelium
+        </a>
+      </div>
+    </div>
+  </div>
+
+</div>