diff --git a/hero-banner-mobile.jpg b/hero-banner-mobile.jpg
new file mode 100644
index 0000000..21606e5
Binary files /dev/null and b/hero-banner-mobile.jpg differ
diff --git a/index.html b/index.html
index 42cf6c5..3c6db84 100644
--- a/index.html
+++ b/index.html
@@ -1033,7 +1033,10 @@
     <!-- Hero banner image -->
     <div class="hero-banner-img">
       <a id="bannerRefLink" href="https://clickbaitpays.me/?ref=cryptoteambuild" target="_blank" rel="noopener">
-        <img src="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg" alt="Join the Crypto Team Build Network — Build the ClickBaitPays team project with us" />
+        <picture>
+          <source srcset="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner-mobile.jpg" media="(max-width: 767px)">
+          <img src="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg" alt="Join the Crypto Team Build Network — Build the ClickBaitPays team project with us" />
+        </picture>
       </a>
       <script>
         (function(){