diff --git a/public/images/.DS_Store b/public/images/.DS_Store
index 6a42712..1506a5f 100644
Binary files a/public/images/.DS_Store and b/public/images/.DS_Store differ
diff --git a/public/images/story/bg1.jpg b/public/images/story/bg1.jpg
new file mode 100644
index 0000000..41dc29c
Binary files /dev/null and b/public/images/story/bg1.jpg differ
diff --git a/public/images/story/bg2.jpg b/public/images/story/bg2.jpg
new file mode 100644
index 0000000..6e7bfe1
Binary files /dev/null and b/public/images/story/bg2.jpg differ
diff --git a/public/images/story/bg3.jpg b/public/images/story/bg3.jpg
new file mode 100644
index 0000000..0cbc9ff
Binary files /dev/null and b/public/images/story/bg3.jpg differ
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 3dcc907..88f2d60 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -12,7 +12,7 @@ import clsx from 'clsx'
 
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import { Logo } from '@/components/Logo'
+import { Logo2 } from '@/components/Logo2'
 import { NavLink } from '@/components/NavLink'
 
 function MobileNavLink({ href, children }) {
@@ -99,7 +99,7 @@ export function Header() {
             {/* Logo - Left */}
             <div className="flex-shrink-0">
               <Link href="/" aria-label="Home" className="overflow-visible flex-shrink-0">
-                <Logo className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
+                <Logo2 className="h-7 w-auto max-w-none sm:h-8 md:h-9 lg:h-10" />
               </Link>
             </div>
 
diff --git a/src/components/StorySticky.jsx b/src/components/StorySticky.jsx
index 64dc124..47d2274 100644
--- a/src/components/StorySticky.jsx
+++ b/src/components/StorySticky.jsx
@@ -58,7 +58,7 @@ export default function StorySticky({ children }) {
       <div className="hidden lg:flex" ref={containerRef}>
         {/* Sticky left media - extends to left edge */}
         <div className="w-1/2 relative">
-          <div className="sticky top-0 h-auto overflow-hidden">
+          <div className="sticky top-0 h-screen overflow-hidden">
             <div className="absolute inset-0">
               {sections.map((s, i) => (
                 <div
@@ -89,9 +89,9 @@ export default function StorySticky({ children }) {
           </div>
         </div>
 
-        {/* Right column = the original heroes with proper container */}
-        <div className="w-1/2 flex flex-col gap-4">
-          <div className="mx-auto max-w-7xl px-2">
+        {/* Right column = the original heroes with proper container and height restriction */}
+        <div className="w-1/2 flex flex-col">
+          <div className="px-8 py-12 h-[50vh] overflow-y-auto space-y-8">
             {children}
           </div>
         </div>