background animation and navbar logo animation

components/pages/about/story.tsx

@@ -4,7 +4,7 @@ import Image from "next/image";
 export function Story() {
   const t = useTranslations();
   return (
-    <div className="bg-[#1e1d1c] pb-0 relative z-10 max-[350px]:pb-30 ">
+    <div className="pb-0 relative z-10 max-[350px]:pb-30 ">
       <div className="max-w-260 mx-auto px-4">
         <section className="relative -top-30 rounded-xl w-full lg:h-[70vh] h-[80vh] min-h-150 sm:overflow-hidden shadow-2xl flex flex-col items-start justify-between">
           {/* Background Image */}