diff --git a/mintlify/global-p2p/quickstart.mdx b/mintlify/global-p2p/quickstart.mdx
index 158ed3a..3f90cdd 100644
--- a/mintlify/global-p2p/quickstart.mdx
+++ b/mintlify/global-p2p/quickstart.mdx
@@ -7,12 +7,12 @@ icon: "/images/icons/rocket.svg"
 import { remittanceProductName } from '/snippets/variables.mdx'
 
 <img 
-  src="/images/heroes/hero-quickstart-globalp2p-light.svg" 
+  src="/images/heroes/hero-quickstart-globalp2p-light.jpg" 
   alt="Global P2P quickstart hero"
   className="page-hero block dark:hidden"
 />
 <img 
-  src="/images/heroes/hero-quickstart-globalp2p-dark.svg" 
+  src="/images/heroes/hero-quickstart-globalp2p-dark.jpg" 
   alt="Global P2P quickstart hero"
   className="page-hero hidden dark:block"
 />
diff --git a/mintlify/images/heroes/hero-quickstart-globalp2p-dark.jpg b/mintlify/images/heroes/hero-quickstart-globalp2p-dark.jpg
new file mode 100644
index 0000000..e2b35a6
Binary files /dev/null and b/mintlify/images/heroes/hero-quickstart-globalp2p-dark.jpg differ
diff --git a/mintlify/images/heroes/hero-quickstart-globalp2p-light.jpg b/mintlify/images/heroes/hero-quickstart-globalp2p-light.jpg
new file mode 100644
index 0000000..3dfd2da
Binary files /dev/null and b/mintlify/images/heroes/hero-quickstart-globalp2p-light.jpg differ
diff --git a/mintlify/images/heroes/hero-quickstart-payouts-dark.jpg b/mintlify/images/heroes/hero-quickstart-payouts-dark.jpg
new file mode 100644
index 0000000..e449a8b
Binary files /dev/null and b/mintlify/images/heroes/hero-quickstart-payouts-dark.jpg differ
diff --git a/mintlify/images/heroes/hero-quickstart-payouts-light.jpg b/mintlify/images/heroes/hero-quickstart-payouts-light.jpg
new file mode 100644
index 0000000..8b2204a
Binary files /dev/null and b/mintlify/images/heroes/hero-quickstart-payouts-light.jpg differ
diff --git a/mintlify/payouts-and-b2b/quickstart.mdx b/mintlify/payouts-and-b2b/quickstart.mdx
index 07b00b7..7446c43 100644
--- a/mintlify/payouts-and-b2b/quickstart.mdx
+++ b/mintlify/payouts-and-b2b/quickstart.mdx
@@ -9,12 +9,12 @@ import KycRegulated from '/snippets/kyc/kyc-regulated.mdx';
 import KycUnregulated from '/snippets/kyc/kyc-unregulated.mdx';
 
 <img 
-  src="/images/heroes/hero-quickstart-payouts-light.svg" 
+  src="/images/heroes/hero-quickstart-payouts-light.jpg" 
   alt="Payouts quickstart hero"
   className="page-hero block dark:hidden"
 />
 <img 
-  src="/images/heroes/hero-quickstart-payouts-dark.svg" 
+  src="/images/heroes/hero-quickstart-payouts-dark.jpg" 
   alt="Payouts quickstart hero"
   className="page-hero hidden dark:block"
 />