Fix glitch in safari, FF

adamplesnik · Jan 16, 2025 · 65d5592 · 65d5592
1 parent a8a7bd7
commit 65d5592
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx
@@ -6,19 +6,16 @@ import Heading from './Heading'
 
 const WorkPreviewTile = ({ title, className, link, src }: WorkPreviewTileProps) => {
   return (
-    <Fade triggerOnce>
+    <Fade triggerOnce className="group relative">
       <a
         href={link}
-        className={clsx(
-          'group relative w-full overflow-hidden rounded-lg md:rounded-2xl',
-          className
-        )}
+        className={clsx('w-full overflow-hidden rounded-lg md:rounded-2xl', className)}
       >
         <div className="aspect-[2/1] overflow-hidden rounded-lg md:rounded-2xl">
           <CustomImg
             src={src}
             alt={title}
-            className="transition-[transform,opacity] duration-[400ms] ease-in-out group-hover:scale-[1.02] group-hover:opacity-80"
+            className="transition-[transform,opacity] duration-[400ms] ease-in-out group-hover:scale-[1.02]"
           />
         </div>
         <Heading

diff --git a/src/content/martin/images/martin-home.jpg b/src/content/martin/images/martin-home.jpg