Update

Signed-off-by: vr-varad <varadgupta21@gmail.com>

Author: vr-varad

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

@@ -42,6 +42,11 @@ const WorkshopCardWrapper = styled.div`
     width: 100%;
     height: auto;
     margin-bottom: 1.25rem;
+
+    .image {
+      height: 40rem;
+    }
+      
   }
 
   .image {
@@ -52,7 +57,7 @@ const WorkshopCardWrapper = styled.div`
     box-shadow: 0 0 black;
 
     .gatsby-image-wrapper,.old-gatsby-image-wrapper {
-      height: 90%;
+      height: 100%;
     }
   }
 

src/components/Workshop-Card/index.js

@@ -8,7 +8,7 @@ const WorkshopCardContent = ({ frontmatter, content, ID, id }) => {
       <div className={content && ID === id ? "main-open" : "main"}>
         <div className={content && ID === id ? "image-container-open" : "image-container"}>
           <div className="image">
-            <Image {...frontmatter.thumbnail} imgStyle={{ objectFit: "cover" }} alt={frontmatter.title} />
+            <Image {...frontmatter.thumbnail} imgStyle={{ objectFit: "contain" }} alt={frontmatter.title} />
           </div>
         </div>
         <div className="upcomingContainer">