ud

src/components/layout/RowAccordion/index.module.css

@@ -103,7 +103,7 @@
                 height: 0;
                 opacity: 0;
                 transition: all var(--duration) ease-in-out;
-                overflow: hidden;
+                /* overflow: hidden; */
                 display: flex;
                 flex-direction: column;
                 justify-content: space-between;

src/pages/Business/InvestGroup.module.css

@@ -96,8 +96,10 @@
             gap: 1.25rem;
 
             .equityInvestmentItemLogo {
-                width: 16.5rem;
+                width: 100%;
-                height: 9.8125rem;
+                /* width: 264px;
+                height: 157px; */
+                aspect-ratio: 264 / 157;
                 object-fit: cover;
                 border-radius: 8px;
             }

src/pages/Business/InvestGroup.tsx

@@ -52,10 +52,10 @@ export default function InvestGroup() {
             )}
 
             {section3Data && (
-                <section className={styles.equityInvestment} id={section3Data.title} 
+                <section className={styles.equityInvestment} id={section3Data.title}
-                style={{
+                    style={{
-                    backgroundImage: `url(${section3Data.backgroundImage})`
+                        backgroundImage: `url(${section3Data.backgroundImage})`
-                }}
+                    }}
                 >
                     <SectionTitle title={section3Data.title} />
                     <div className={styles.equityInvestmentItems}>

src/pages/Home/Home.module.css

@@ -120,11 +120,13 @@
 }
 
 .cardsInner {
-  max-width: 107.5rem;
+  /* max-width: 107.5rem; */
+  max-width: 100%;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 1.5rem;
+  padding: 0 10rem;
 }
 
 .card {