From ff9edec0e326b17677312e9c70902d0f2e46d8f6 Mon Sep 17 00:00:00 2001
From: Mackie <iwan.mackie@gmail.com>
Date: Fri, 29 May 2026 22:10:45 +0800
Subject: [PATCH] hero

---
 src/blocks/SkillsMarquee/Component.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/blocks/SkillsMarquee/Component.tsx b/src/blocks/SkillsMarquee/Component.tsx
index 351485a..c00fe26 100644
--- a/src/blocks/SkillsMarquee/Component.tsx
+++ b/src/blocks/SkillsMarquee/Component.tsx
@@ -79,15 +79,13 @@ export function SkillsMarqueeBlock({ heading }: SkillsMarqueeBlockProps) {
       <div className="[mask-image:linear-gradient(to_right,transparent,black,transparent)]">
 <InfiniteSlider gap={48} duration={120}>
   {LOGOS.map((l) => (
-    <img
-      key={l.alt}
-      src={l.src}
-      alt={l.alt}
-  className={cn(
-        'h-14 w-auto flex-shrink-0 pointer-events-none select-none',
-        isDark ? 'invert opacity-40' : 'opacity-30'
-)}
-    />
+<img
+  key={l.alt}
+  src={l.src}
+  alt={l.alt}
+  style={{ filter: 'grayscale(1)', opacity: isDark ? 0.35 : 0.25 }}
+  className="h-14 w-auto flex-shrink-0 pointer-events-none select-none"
+/>
   ))}
 </InfiniteSlider>
       </div>