diff --git a/src/components/UpcomingEventCard/EventCard.style.js b/src/components/UpcomingEventCard/EventCard.style.js
index 820a2ea857c7a..a8c404fcaa2b2 100644
--- a/src/components/UpcomingEventCard/EventCard.style.js
+++ b/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;
\ No newline at end of file
diff --git a/src/components/UpcomingEventCard/index.js b/src/components/UpcomingEventCard/index.js
index cc757eb509329..ac6aef265ecfc 100644
--- a/src/components/UpcomingEventCard/index.js
+++ b/src/components/UpcomingEventCard/index.js
@@ -68,4 +68,4 @@ const UpcomingEvents = ({ data }) => {
   );
 };
 
-export default UpcomingEvents;
+export default UpcomingEvents;
\ No newline at end of file