diff --git a/docs/intro.mdx b/docs/intro.mdx
index e22285f..94d02e2 100644
--- a/docs/intro.mdx
+++ b/docs/intro.mdx
@@ -11,6 +11,7 @@ import { TopBanner } from "@site/src/components/Sponsors/TopBanner";
   items={[
     {
       imgSrc: "/ads/pipelines-banner.png",
+      mobileImgSrc: "/ads/pipelines-banner-mobile.png",
       url: "https://github.com/open-webui/pipelines",
       name: "Open WebUI Pipelines",
       description:
@@ -18,6 +19,7 @@ import { TopBanner } from "@site/src/components/Sponsors/TopBanner";
     },
     {
       imgSrc: "/ads/placeholder.png",
+      mobileImgSrc: "/ads/placeholder-mobile.png",
       url: "https://github.com/sponsors/tjbck",
       name: "Open WebUI",
       description:
diff --git a/src/components/Sponsors/TopBanner.js b/src/components/Sponsors/TopBanner.js
index da19854..f11d13d 100644
--- a/src/components/Sponsors/TopBanner.js
+++ b/src/components/Sponsors/TopBanner.js
@@ -10,14 +10,21 @@ export const TopBanner = ({ items }) => {
 
             <a href={item.url} target="_blank">
               <img
-                className="w-full rounded-xl"
+                className="w-full rounded-xl hidden md:block"
                 loading="lazy"
                 alt={item.name}
                 src={item.imgSrc}
               />
+
+              <img
+                className="w-full rounded-xl block md:hidden"
+                loading="lazy"
+                alt={item.name}
+                src={item?.mobileImgSrc || item.imgSrc}
+              />
             </a>
 
-            <div className="text-right text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold -mt-1 line-clamp-1">
+            <div className="text-right text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold  line-clamp-1">
               {item.description}
             </div>
           </div>
diff --git a/static/ads/pipelines-banner-mobile.png b/static/ads/pipelines-banner-mobile.png
new file mode 100644
index 0000000..123cd8f
Binary files /dev/null and b/static/ads/pipelines-banner-mobile.png differ
diff --git a/static/ads/placeholder-mobile.png b/static/ads/placeholder-mobile.png
new file mode 100644
index 0000000..50863a5
Binary files /dev/null and b/static/ads/placeholder-mobile.png differ
diff --git a/static/ads/placeholder.png b/static/ads/placeholder.png
index 683add9..e9a2e3e 100644
Binary files a/static/ads/placeholder.png and b/static/ads/placeholder.png differ