Merge pull request #7633 from AnkitRewar11/fix/events-image-alignment-v2

fix: center event image and fix Join Now button navigation #7623

Author: saurabhraghuvanshii

src/components/UpcomingEventCard/EventCard.style.js

@@ -21,9 +21,20 @@ const UpcomingEventsWrapper = styled.div`
 	.blog-slider_img{
 		max-height: 25rem; 
 		object-fit: cover;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
 		.gatsby-image-wrapper {
+		    width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
 			img {
 				 max-height: 25rem;
+				 object-fit: cover;
+				 width: 100%;
 			 }
 	   }
 	}
@@ -111,4 +122,4 @@ const UpcomingEventsWrapper = styled.div`
 	}
 `;
 
-export default UpcomingEventsWrapper;
+export default UpcomingEventsWrapper;

src/components/UpcomingEventCard/index.js

@@ -68,4 +68,4 @@ const UpcomingEvents = ({ data }) => {
   );
 };
 
-export default UpcomingEvents;
+export default UpcomingEvents;