From e5ed9b43f9093085c7572a214b4682510be56ebe Mon Sep 17 00:00:00 2001
From: Lucian Petri <petri.lucian@outlook.com>
Date: Tue, 27 Dec 2022 03:48:19 +0200
Subject: [PATCH] moved transition up to contain heading

---
 website/src/components/UserChoice.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/website/src/components/UserChoice.tsx b/website/src/components/UserChoice.tsx
index 15f736d9..c2fa079e 100644
--- a/website/src/components/UserChoice.tsx
+++ b/website/src/components/UserChoice.tsx
@@ -26,9 +26,8 @@ const Choice = (props: ChoiceProps) => {
     <Link href={link}>
       <Card maxW="sm" minW="sm" minH="sm" maxH="sm">
         <CardBody width="full" height="full">
-          <Flex direction="column" alignItems="center" justifyContent="center">
+          <Flex direction="column" alignItems="center" justifyContent="center" className="transition ease-in-out duration-500 sm:grayscale hover:grayscale-0">
             <Image
-              className="transition ease-in-out duration-300 sm:grayscale hover:grayscale-0"
               src="/images/logos/logo.svg"
               alt="LAION Logo"
               width={500}