diff --git a/components/congressional-app-challenge/carousel-cards.js b/components/congressional-app-challenge/carousel-cards.js
index 901ab8796..b33e86f3b 100644
--- a/components/congressional-app-challenge/carousel-cards.js
+++ b/components/congressional-app-challenge/carousel-cards.js
@@ -8,8 +8,8 @@ export default function Carousel({
     img
  }){
     return (
-      <Box id={user} sx={{width:['80%'], m:'3'}}>
-        <Image src={img} sx={{ borderRadius: '10px 10px 0 0', width: '100%', height: '15em'}}></Image>
+      <Box id={user} sx={{width:['65%', '80%'], m:'3', display:'flex', flexDirection:'column', justifyContent:'center', alignItems:'center'}}>
+        <Image src={img} sx={{ borderRadius: '10px 10px 0 0', width: '100%', height: ['12em', '15em']}}></Image>
         <Box sx={{alignItems:'left', textAlign:'left', display:'flex', flexDirection:'column', background:'white', color:'black', p:'2', borderRadius: '0 0 10px 10px', marginBottom: '2', padding: '3', height: '8em'}}>
           <Link href = {link} target="_blank" rel="noopener">
             <Text as="h3" sx={{}}>{title}</Text> 
diff --git a/components/congressional-app-challenge/carousel.js b/components/congressional-app-challenge/carousel.js
index 0a734ca2e..150b0494e 100644
--- a/components/congressional-app-challenge/carousel.js
+++ b/components/congressional-app-challenge/carousel.js
@@ -3,7 +3,7 @@ import CarouselCards from './carousel-cards';
 
 const Carousel = ({ cards }) => {
   const scrollContainerRef = useRef(null);
-  const cardsPerView = 3; // Number of cards visible at once
+  const cardsPerView = 1; // Number of cards visible at once
   const cardWidth = 400; // Width of each card in pixels
   const scrollAmount = cardsPerView * cardWidth; // Total scroll width for each move
 
@@ -48,6 +48,7 @@ const Carousel = ({ cards }) => {
         ref={scrollContainerRef}
         style={{
           display: 'flex',
+          margin: '0',
           width: '70%',
           overflowX: 'hidden', // Hide overflow content
         }}
diff --git a/lib/congressional-carousel.json b/lib/congressional-carousel.json
index 787d67f54..ce3303c4d 100644
--- a/lib/congressional-carousel.json
+++ b/lib/congressional-carousel.json
@@ -16,7 +16,7 @@
     {
       "title": "DriveSmart (Sahiti, 17)",
       "user": "Sahiti",
-      "description": "Drivesmart helps teen drivers be safe on the roads through machine learning, and moderation.",
+      "description": "Drivesmart helps teen drivers be safe on the roads through ML and moderation.",
       "link": "https://www.congressionalappchallenge.us/23-GA06/",
       "img": "https://cloud-dcu6dxu0h-hack-club-bot.vercel.app/1drivesmart.png"
     },
diff --git a/pages/congressional-app-challenge.js b/pages/congressional-app-challenge.js
index 9cba03189..45b490958 100644
--- a/pages/congressional-app-challenge.js
+++ b/pages/congressional-app-challenge.js
@@ -250,6 +250,52 @@ function Page({
           }}>
           <Text as="h2" sx={{fontSize:'30px', mt:'3', color:'#C70000'}}>STEP 2</Text>
           <Text as="p" sx={{width: ['90%', '70%'], fontSize:'23px'}}>Join Zoom calls with past Hack Club winners to learn about their projects and to get advice on where to start.</Text>
+          <Box 
+            sx={{
+              display:'flex',
+              flexDirection:['column', 'row'],
+              m:'2'}}>
+            <Box 
+              sx={{
+                display:'flex',
+                flexDirection:'column'}}>
+              <Image 
+                src="/home/flagship_4.jpg" 
+                sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
+              </Image>
+              <Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
+            </Box>
+            <Box 
+              sx={{
+                display:'flex',
+                flexDirection:'column'}}>
+              <Image 
+                src="/home/flagship_4.jpg" 
+                sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
+              </Image>
+              <Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
+            </Box>
+            <Box 
+              sx={{
+                display:'flex',
+                flexDirection:'column'}}>
+              <Image 
+                src="/home/flagship_4.jpg" 
+                sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
+              </Image>
+              <Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
+            </Box>
+            <Box 
+              sx={{
+                display:'flex',
+                flexDirection:'column'}}>
+              <Image 
+                src="/home/flagship_4.jpg" 
+                sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
+              </Image>
+              <Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
+            </Box>
+          </Box>
           <Grid 
             id="zoom-cards"
             gap={2} 
@@ -260,74 +306,68 @@ function Page({
               alignItems:'center', 
               justifyItems:'center'}}
             >
-            <Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
-              <Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
+            <Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
               <Box 
                 sx={{
-                  alignItems:'left',
-                  textAlign:'left',
+                  alignItems:'center',
+                  textAlign:'center',
                   display:'flex',
                   flexDirection:'column',
                   background:'white',
                   color:'black',
                   p:'2',
-                  borderRadius: '0 0 10px 10px',
+                  borderRadius: '10px',
                   marginBottom: '2',
                   padding: '3'}}
                 >
-                <Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
-                <Text as="i" sx={{}}>Call description</Text>
-                <Text as="i" sx={{}}>September 10th, 7 PM EST</Text>
+                <Text as="h3" sx={{}}>September 10th, 7 PM EST</Text>
+                <a>
+                  <Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
+                </a>
               </Box>
-              <a>
-                <Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
-              </a>
+
             </Box>
-            <Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
-              <Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
+            <Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
               <Box 
                 sx={{
-                  alignItems:'left',
-                  textAlign:'left',
+                  alignItems:'center',
+                  textAlign:'center',
                   display:'flex',
                   flexDirection:'column',
                   background:'white',
                   color:'black',
                   p:'2',
-                  borderRadius: '0 0 10px 10px',
+                  borderRadius: '10px',
                   marginBottom: '2',
                   padding: '3'}}
                 >
-                <Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
-                <Text as="i" sx={{}}>Call description</Text>
-                <Text as="i" sx={{}}>September 19th, 8 PM EST</Text>
+                <Text as="h3" sx={{}}>September 19th, 8 PM EST</Text>
+                <a>
+                  <Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
+                </a>
               </Box>
-              <a>
-                <Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
-              </a>
+              
             </Box>
-            <Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
-              <Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
+            <Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
               <Box 
                 sx={{
-                  alignItems:'left',
-                  textAlign:'left',
+                  alignItems:'center',
+                  textAlign:'center',
                   display:'flex',
                   flexDirection:'column',
                   background:'white',
                   color:'black',
                   p:'2',
-                  borderRadius: '0 0 10px 10px',
+                  borderRadius: '10px',
                   marginBottom: '2',
                   padding: '3'}}
                 >
-                <Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
-                <Text as="i" sx={{}}>Call description</Text>
-                <Text as="i" sx={{}}>October 2nd, 7 PM EST</Text>
+                <Text as="h3" sx={{}}>October 2nd, 7 PM EST</Text>
+                <a>
+                  <Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
+                </a>
               </Box>
-              <a>
-                <Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
-              </a>
+              
             </Box>
           </Grid>