Merge pull request #706 from rishabhsharma1997/master

chore: lighthouse effect to 100% max width

Author: captain-Akshay

src/custom/CustomImage/CustomImage.tsx

@@ -53,13 +53,14 @@ const CustomImage: React.FC<ImageComponentProps> = ({ src, alt, ...props }) => {
             background: 'transparent',
             boxShadow: 'none',
             overflow: 'auto',
-            maxWidth: '60rem'
+            maxWidth: '100%'
           }
         }}
       >
         <img
           src={src}
           alt={alt}
+          onClick={handleZoomClose}
           style={{
             objectFit: 'contain',
             maxWidth: '100%',

src/custom/SetupPrerequisite/style.tsx

@@ -33,8 +33,10 @@ const Card = styled('a')(({ theme }) => ({
     boxShadow: 'rgb(0, 211, 169) 0px 0px 7px'
   },
   '& a': {
-    color: theme.palette.background.brand?.default,
-    margin: '0 !important'
+    margin: '0 !important',
+    '&:hover': {
+      color: theme.palette.background.brand?.default
+    }
   }
 }));