diff --git a/apps/landing/components/sections/Footer.tsx b/apps/landing/components/sections/Footer.tsx
index 79481dc4..6a5bd035 100644
--- a/apps/landing/components/sections/Footer.tsx
+++ b/apps/landing/components/sections/Footer.tsx
@@ -33,7 +33,7 @@ export function Footer(): ReactElement {
 		<div className={'flex w-full justify-center '}>
 			<div
 				style={{
-					backgroundImage: "url('/landing/footer.png')",
+					backgroundImage: "url('/landing/footer-background.png')",
 					backgroundRepeat: 'no-repeat',
 					backgroundSize: 'auto 100%',
 					backgroundPosition: 'center'
diff --git a/apps/landing/components/sections/Hero.tsx b/apps/landing/components/sections/Hero.tsx
index eedc2dc1..68add92f 100644
--- a/apps/landing/components/sections/Hero.tsx
+++ b/apps/landing/components/sections/Hero.tsx
@@ -8,7 +8,7 @@ export function Hero(): ReactElement {
 		<div className={'flex w-full justify-center'}>
 			<div
 				style={{
-					backgroundImage: "url('/landing/hero.png')",
+					backgroundImage: "url('/landing/hero-background.png')",
 					backgroundRepeat: 'no-repeat',
 					backgroundSize: 'auto 100%',
 					backgroundPosition: 'center'
diff --git a/public/landing/footer.png b/public/landing/footer-background.png
similarity index 62%
rename from public/landing/footer.png
rename to public/landing/footer-background.png
index 3f57eb7c..a22c26dd 100644
Binary files a/public/landing/footer.png and b/public/landing/footer-background.png differ
diff --git a/public/landing/hero-background.png b/public/landing/hero-background.png
new file mode 100644
index 00000000..6ff8bc17
Binary files /dev/null and b/public/landing/hero-background.png differ
diff --git a/public/landing/hero.png b/public/landing/hero.png
deleted file mode 100644
index 0451e272..00000000
Binary files a/public/landing/hero.png and /dev/null differ