diff --git a/frontend/components/global/Brands.vue b/frontend/components/global/Brands.vue
index 76f8866..569db9a 100644
--- a/frontend/components/global/Brands.vue
+++ b/frontend/components/global/Brands.vue
@@ -24,7 +24,7 @@ const {} = toRefs(props);
         </div>
         <div class="-rotate-z-2 z-20">
             <div
-                class="bg-blue-500 flex items-center pr-20 gap-12 sm:gap-20 w-max animate-marquee-reverse h-[90px] sm:h-[140px]"
+                class="bg-black flex items-center pr-20 gap-12 sm:gap-20 w-max animate-marquee-reverse h-[90px] sm:h-[140px]"
             >
                 <template v-for="i in 10">
                     <div class="text-[30px] lg:text-[40px] text-white whitespace-nowrap font-semibold opacity-85">
@@ -46,32 +46,32 @@ const {} = toRefs(props);
                 class="bg-slate-100/70 flex items-center pr-20 gap-12 sm:gap-20 w-max animate-marquee h-[90px] sm:h-[140px]"
             >
                 <template v-for="i in 1">
-                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
+                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px]" />
                 </template>
                 <template v-for="i in 1">
-                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
-                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px] grayscale opacity-40" />
+                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-1.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-2.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-3.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-4.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-5.png" class="h-[25px] sm:h-[45px]" />
+                    <NuxtImg src="/img/brands/brand-6.png" class="h-[25px] sm:h-[45px]" />
                 </template>
             </div>
         </div>