From b1d04af6ef2a569ed8a87483cba3ee63ed71e8cc Mon Sep 17 00:00:00 2001
From: Atishay Srivastava <42544589+xAtishayx@users.noreply.github.com>
Date: Mon, 24 Oct 2022 00:42:03 +0530
Subject: [PATCH] fix: image sizes in the carousel is not equal (#496)

Co-authored-by: asrivastava <atishay_srivastava@intuit.com>
---
 src/App.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/App.css b/src/App.css
index 1d439d05..d8cc2ac9 100644
--- a/src/App.css
+++ b/src/App.css
@@ -14,6 +14,14 @@
 .container {
   flex: 1;
 }
+
+.carousel img {
+  object-fit: cover;
+  object-position: center;
+  height: 80vh;
+  overflow: hidden;
+}
+
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;