diff --git a/apps/docs/layouts/SiteLayout.tsx b/apps/docs/layouts/SiteLayout.tsx
index 11ea6d05433..f06c9dac529 100644
--- a/apps/docs/layouts/SiteLayout.tsx
+++ b/apps/docs/layouts/SiteLayout.tsx
@@ -5,6 +5,7 @@ import Footer from '~/components/Footer'
 import NavigationMenu from '~/components/Navigation/NavigationMenu/NavigationMenu'
 import TopNavBar from '~/components/Navigation/NavigationMenu/TopNavBar'
 import SiteRefLayout from './SiteRefLayout'
+import Image from 'next/image'
 
 const Layout = (props) => {
   const router = useRouter()
@@ -32,7 +33,10 @@ const Layout = (props) => {
   return (
     <>
       <main>
-        <img
+        <Image
+          width={608}
+          height={975}
+          alt="background"
           src={`${router.basePath}/img/gradient-bg.png`}
           className="absolute left-0 w-[520px] top-0 -z-10"
         />
diff --git a/apps/docs/public/img/cards/dark.png b/apps/docs/public/img/cards/dark.png
index f8e9097bcb5..6a34d3a4794 100644
Binary files a/apps/docs/public/img/cards/dark.png and b/apps/docs/public/img/cards/dark.png differ
diff --git a/apps/docs/public/img/gradient-bg.png b/apps/docs/public/img/gradient-bg.png
index ff11607e143..b9c401191ff 100644
Binary files a/apps/docs/public/img/gradient-bg.png and b/apps/docs/public/img/gradient-bg.png differ
diff --git a/apps/docs/public/img/logs-api.png b/apps/docs/public/img/logs-api.png
index 798abee5f73..79c6aaa12fc 100644
Binary files a/apps/docs/public/img/logs-api.png and b/apps/docs/public/img/logs-api.png differ
diff --git a/apps/docs/public/img/logs-auth.png b/apps/docs/public/img/logs-auth.png
index a020bb86430..645fc87bdb5 100644
Binary files a/apps/docs/public/img/logs-auth.png and b/apps/docs/public/img/logs-auth.png differ
diff --git a/apps/docs/public/img/logs-database.png b/apps/docs/public/img/logs-database.png
index 78f9036eeaa..176549de5ab 100644
Binary files a/apps/docs/public/img/logs-database.png and b/apps/docs/public/img/logs-database.png differ
diff --git a/apps/docs/public/img/logs-explorer.png b/apps/docs/public/img/logs-explorer.png
index 3d21fb0569c..8527b8b3054 100644
Binary files a/apps/docs/public/img/logs-explorer.png and b/apps/docs/public/img/logs-explorer.png differ
diff --git a/apps/docs/public/img/logs-functions-edge.png b/apps/docs/public/img/logs-functions-edge.png
index 2d0d699cac1..decbe04b664 100644
Binary files a/apps/docs/public/img/logs-functions-edge.png and b/apps/docs/public/img/logs-functions-edge.png differ
diff --git a/apps/docs/public/img/logs-functions.png b/apps/docs/public/img/logs-functions.png
index efd455955c9..4357b9da74c 100644
Binary files a/apps/docs/public/img/logs-functions.png and b/apps/docs/public/img/logs-functions.png differ
diff --git a/apps/docs/public/img/logs-realtime.png b/apps/docs/public/img/logs-realtime.png
index 4b93e87e990..41cff800415 100644
Binary files a/apps/docs/public/img/logs-realtime.png and b/apps/docs/public/img/logs-realtime.png differ
diff --git a/apps/docs/public/img/logs-storage.png b/apps/docs/public/img/logs-storage.png
index d0f98ea43cc..4428ffbde51 100644
Binary files a/apps/docs/public/img/logs-storage.png and b/apps/docs/public/img/logs-storage.png differ
diff --git a/apps/docs/public/img/purple-glow-dark.png b/apps/docs/public/img/purple-glow-dark.png
index a159c5a6c55..6740e956d8d 100644
Binary files a/apps/docs/public/img/purple-glow-dark.png and b/apps/docs/public/img/purple-glow-dark.png differ