From aaeca5b71172e58bb606b35df4d6e9897dd3694b Mon Sep 17 00:00:00 2001
From: Daniele Pancottini <daniele.pancottini@studio.unibo.it>
Date: Tue, 21 Feb 2023 10:36:51 +0100
Subject: [PATCH] Fix height on image card contente component

---
 .../Room/ResourceCardContent/ImageCardContent.tsx  | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
index 976bae8c2..0d9ca7267 100644
--- a/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
+++ b/site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
@@ -12,18 +12,22 @@ export default function ImageCardContent(props: {
             <Box
               className={props.style.imageContainer}
               w={'full'}
-              height={'220px'}
               >
-                
-                <Image cursor={'pointer'} onClick={() => openFullScreen('resource-image')} id='resource-image' alt='Resource Image Not Found' src={props.resourcePath} />
-            
+                <Image 
+                  objectFit={"cover"} 
+                  margin={"auto"}
+                  cursor={'pointer'}
+                  onClick={() => openFullScreen('resource-image')} 
+                  id='resource-image' 
+                  alt='' 
+                  src={props.resourcePath} />
             </Box>
             
             <Box 
               p={5}
               className={props.style.captionContainer}>
               
-              <Stack mt={6} align={'center'}>
+              <Stack align={'center'}>
                 <Text padding={0} color={'gray.500'} fontSize={'sm'} align={'center'}>
                   {props.resourceCaption}
                 </Text>