diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx
index 3fcc034..928a0b8 100644
--- a/packages/nextjs/app/about/About.tsx
+++ b/packages/nextjs/app/about/About.tsx
@@ -113,8 +113,8 @@ export const About = () => {
             <div className="hero bg-base-200">
               <div className="hero-content flex-col lg:flex-row-reverse ">
                 <Image
-                  src="https://www.rawshorts.com/blog/wp-content/uploads/2019/08/instagram-ads.gif"
-                  alt="Animation showing how to enter PunkSociety, and the experience of scrolling the home feed"
+                  src="/sending-money.jpg"
+                  alt="A dollar bill traveling from one phone to another"
                   className="max-w-sm rounded-lg shadow-2xl mx-3"
                   width={350}
                   height={350}
diff --git a/packages/nextjs/public/sending-money.jpg b/packages/nextjs/public/sending-money.jpg
new file mode 100644
index 0000000..f4f0ff8
Binary files /dev/null and b/packages/nextjs/public/sending-money.jpg differ