fix: trackers lessones background done according to figma file

apps/academy/src/components/Header.tsx

@@ -55,7 +55,7 @@ const PageHeader: FunctionComponent = () => {
           </div>
         ) : (
           <div className="flex items-center justify-around gap-36 text-white lg:flex lg:justify-between lg:gap-5 lg:self-stretch">
-            <div className="lg:items-stretch9 lg:ml-8 lg:flex lg:basis-[0%] lg:flex-col">
+            <div className="lg:ml-8 lg:flex lg:basis-[0%] lg:flex-col lg:items-stretch">
               <BackButton />
             </div>
           </div>

apps/academy/src/pages/index.tsx

@@ -11,7 +11,7 @@ const Home: NextPageWithLayout = () => {
   return (
     <>
       {/* Background with Overlay */}
-      <div className="relative overflow-hidden">
+      <div className="relative overflow-hidden bg-[url('/bg_home.png')] bg-cover bg-center bg-no-repeat">
         {/* Overlay */}
         <div className="absolute inset-0 z-10 w-screen bg-black opacity-50"></div>
 

apps/academy/src/styles.css

@@ -14,10 +14,10 @@ body {
   padding: 0;
   min-height: 100vh;
   width: 100%;
-  background-image: url("/bg_home.png");
-  background-size: cover; /* Ensure the image covers the entire page */
-  background-position: center; /* Center the image */
-  background-repeat: no-repeat; /* Prevent the image from repeating */
+  /* background-image: url("/bg_home.png"); */
+  /* background-size: cover; Ensure the image covers the entire page */
+  /* background-position: center; Center the image */
+  /* background-repeat: no-repeat; Prevent the image from repeating */
   position: relative; /* Ensure child elements are positioned relative to body */
   overflow-x: hidden;
 }