Update

Signed-off-by: Varad Gupta <[email protected]>

Author: vr-varad

src/components/Workshop-Card/WorkshopsCardWrapper.style.js

@@ -42,6 +42,10 @@ const WorkshopCardWrapper = styled.div`
     width: 100%;
     height: auto;
     margin-bottom: 1.25rem;
+    
+    img{
+      object-fit: contain !important;
+    }
   }
 
   .image {
@@ -53,6 +57,8 @@ const WorkshopCardWrapper = styled.div`
 
     .gatsby-image-wrapper,.old-gatsby-image-wrapper {
       height: 90%;
+      max-height: 40rem;
+
     }
   }
 

src/components/image.js

@@ -20,11 +20,15 @@ const Image = ({ childImageSharp, extension, publicURL, alt, imgStyle, ...rest }
       </div>
     );
   }
+  console.log(childImageSharp, publicURL);
 
   return <GatsbyImage
     key={publicURL}
     image={childImageSharp?.gatsbyImageData}
     alt={alt || "Blog image"}
+    style={{
+      objectFit: imgStyle?.objectFit || "cover",
+    }}
     {...rest}
   />;
 };