From e67ccae32c66113fa18ba7e5300ac365dc296ddc Mon Sep 17 00:00:00 2001
From: Rishu Soni <rishusoni6393@gmail.com>
Date: Sat, 7 Mar 2026 15:23:00 +0530
Subject: [PATCH] [UI/UX] Fix Responsiveness Inconsistencies on 'Contributor
 Spotlight' Page

---
 src/pages/index.js | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index f70aeb77..c522100b 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -103,7 +103,7 @@ const IndexPage = (props) => {
                 display='flex'
                 flexDirection='column'
                 alignItems='center'
-                justifyContent='flex-start'
+                justifyContent='center'
                 padding={isMobile ? 5 : 10}
                 sx={{
                     backgroundImage:
@@ -111,6 +111,7 @@ const IndexPage = (props) => {
                     backgroundRepeat: 'no-repeat',
                     backgroundSize: 'cover',
                     backgroundPosition: 'center',
+                    height: '65dvh',
                 }}
             >
                 <Typography
@@ -123,8 +124,23 @@ const IndexPage = (props) => {
                     as we showcase the top contributors shaping the future of
                     continuous integration and delivery
                 </Typography>
-                <Box sx={{ paddingTop: 8 }}>
-                    <img src='/jenkins.png' alt='Jenkins logo' />
+                <Box
+                    sx={{
+                        paddingTop: 8,
+                    }}
+                >
+                    <img
+                        style={{
+                            width: '150px',
+                            objectFit: 'cover',
+                            borderRadius: '50%',
+                            display: 'relative',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                        }}
+                        src='/jenkins.png'
+                        alt='Jenkins logo'
+                    />
                 </Box>
             </Box>