hero

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>