From cda5f2dc5b57488abc2643de0edc21bd2a137a67 Mon Sep 17 00:00:00 2001
From: Max Richter <jim-x@web.de>
Date: Wed, 23 Aug 2023 14:18:31 +0200
Subject: [PATCH] fix: remove filters on images due to performance

---
 components/Card.tsx |  2 +-
 static/global.css   | 13 +------------
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/components/Card.tsx b/components/Card.tsx
index 3d54f02..0a5864b 100644
--- a/components/Card.tsx
+++ b/components/Card.tsx
@@ -54,7 +54,7 @@ export function Card(
         </span>
       )}
       <div
-        class="p-4 flex flex-col justify-between relative z-10 desaturated"
+        class="p-4 flex flex-col justify-between relative z-10"
         style={{
           outline: "solid 2px #141218",
           borderRadius: "1.4rem",
diff --git a/static/global.css b/static/global.css
index 8cc5e71..84d72c2 100644
--- a/static/global.css
+++ b/static/global.css
@@ -1,9 +1,7 @@
-
-
 .animate-hover {
 	animation: hover 4s infinite;
-
 }
+
 @keyframes hover {
   0%, 100% {
     transform: translateY(-15%);
@@ -50,15 +48,6 @@ input[type=number] {
   background-position: 0px 0px;
 }
 
-.desaturated {
-  transition: backdrop-filter 0.3s ease;
-  backdrop-filter: contrast(0.8) saturate(0.8);
-}
-
-.desaturated:hover{
-  backdrop-filter: contrast(1) saturate(1);
-}
-
 .octicon-link {
   width: 14px;
   height: 14px;