Style fixes

src/app/header-2/header-2.component.css

@@ -1,12 +1,13 @@
 header {
   width: 100%;
+  background-color: white;
+  z-index: 999;
 }
 
 .header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: white;
 }
 
 .redirect-img {

src/app/header-2/header-2.component.html

@@ -1,14 +1,14 @@
-<header>
-  <div class="header px-8 py-4 shadow-md">
+<header class="relative shadow-md">
+  <div class="header px-8 pt-4 pb-3 relative">
     <a routerLink="/" class="flex items-center space-x-4 hover:opacity-80 transition">
       <img src="assets/logo.png" class="h-10 w-10 transform scale-175 translate-y-0.25" />
       <h1 class="text-3xl font-semibold tracking-wide">InfiniMotion</h1>
     </a>
 
     <div class="absolute left-1/2 transform -translate-x-1/2 text-center">
-        <h2 class="text-3xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
-          Absolut war gestern, Bewegung ist heute!
-        </h2>
+      <h2 class="text-3xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
+        Absolut war gestern, Bewegung ist heute!
+      </h2>
     </div>
 
     <div class="flex items-center space-x-4">