diff --git a/apps/epic-react/public/assets/flying-rocket-light-sm@2x.webp b/apps/epic-react/public/assets/flying-rocket-light-sm@2x.webp
new file mode 100644
index 000000000..6cec2d5c6
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket-light-sm@2x.webp differ
diff --git a/apps/epic-react/public/assets/flying-rocket-light-xl@2x.webp b/apps/epic-react/public/assets/flying-rocket-light-xl@2x.webp
new file mode 100644
index 000000000..2c1cd0423
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket-light-xl@2x.webp differ
diff --git a/apps/epic-react/public/assets/flying-rocket-light@2x.webp b/apps/epic-react/public/assets/flying-rocket-light@2x.webp
new file mode 100644
index 000000000..8c43ff50c
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket-light@2x.webp differ
diff --git a/apps/epic-react/public/assets/flying-rocket-sm@2x.webp b/apps/epic-react/public/assets/flying-rocket-sm@2x.webp
new file mode 100644
index 000000000..4e4820209
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket-sm@2x.webp differ
diff --git a/apps/epic-react/public/assets/flying-rocket-xl@2x.webp b/apps/epic-react/public/assets/flying-rocket-xl@2x.webp
new file mode 100644
index 000000000..ce3b9ecbd
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket-xl@2x.webp differ
diff --git a/apps/epic-react/public/assets/flying-rocket@2x.webp b/apps/epic-react/public/assets/flying-rocket@2x.webp
new file mode 100644
index 000000000..c604ff121
Binary files /dev/null and b/apps/epic-react/public/assets/flying-rocket@2x.webp differ
diff --git a/apps/epic-react/src/components/app/layout.tsx b/apps/epic-react/src/components/app/layout.tsx
index 8cb75e21d..05c05a7ac 100644
--- a/apps/epic-react/src/components/app/layout.tsx
+++ b/apps/epic-react/src/components/app/layout.tsx
@@ -82,7 +82,7 @@ const Layout: FunctionComponent<React.PropsWithChildren<LayoutProps>> = ({
       {withNavigation && <Navigation {...navigationProps} />}
       <div
         className={twMerge(
-          'flex h-full min-h-[calc(100svh-61px)] flex-grow flex-col',
+          'mt-[61px] flex min-h-[calc(100svh-61px)] flex-grow flex-col',
           className,
         )}
       >
diff --git a/apps/epic-react/src/pages/learn.tsx b/apps/epic-react/src/pages/learn.tsx
index eb034601e..7a07f9697 100644
--- a/apps/epic-react/src/pages/learn.tsx
+++ b/apps/epic-react/src/pages/learn.tsx
@@ -147,7 +147,50 @@ const Learn: React.FC<{workshops: any[]; bonuses: any[]}> = ({
         },
       }}
     >
-      <Header title={title} />
+      <section>
+        <Image
+          src="/assets/flying-rocket-xl@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="hidden w-full dark:xl:block"
+        />
+        <Image
+          src="/assets/flying-rocket-light-xl@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="hidden w-full xl:block dark:xl:hidden"
+        />
+        <Image
+          src="/assets/flying-rocket@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="hidden w-full dark:md:block dark:xl:hidden"
+        />
+        <Image
+          src="/assets/flying-rocket-light@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="hidden w-full md:block dark:md:hidden xl:hidden"
+        />
+        <Image
+          src="/assets/flying-rocket-sm@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="hidden w-full dark:block dark:md:hidden"
+        />
+        <Image
+          src="/assets/flying-rocket-light-sm@2x.webp"
+          alt=""
+          width={1600}
+          height={273}
+          className="block w-full dark:hidden md:hidden"
+        />
+      </section>
       <main className="mx-auto w-full max-w-screen-lg px-5">
         <h2 className="text-center text-5xl">Learn Page</h2>
         <ul className="space-y-6">