fix: container desktop

components/Experience.tsx

@@ -19,7 +19,9 @@ const Experiencediv = () => {
 
       <Container>
         <h3 className="text-center">{t('home.experience-name')}</h3>
-        <div className="d-flex">
+      </Container>
+      <div className="d-flex">
+        <Container>
           <Row className="px-5 my-5 flex-fill justify-content-end align-items-center gap-lg-5 d-flex">
             <Col className="col-12 col-lg-4">
               <h5 className="">{t('home.experience-1-name')}</h5>
@@ -31,29 +33,29 @@ const Experiencediv = () => {
               <p></p>
             </Col>
           </Row>
-          <Image
-            className="d-none d-md-flex justify-content-end"
-            src={vote}
-            alt={t('home.alt-icon-ballot')}
-          />
-        </div>
-        <div className="d-flex w-100 justify-content-center mt-5">
-          <a
-            href={MAJORITY_JUDGMENT_LINK}
-            target="_blank"
-            rel="noreferrer noopener"
+        </Container>
+        <Image
+          className="d-none d-md-flex justify-content-end"
+          src={vote}
+          alt={t('home.alt-icon-ballot')}
+        />
+      </div>
+      <Container className="d-flex w-100 justify-content-center mt-5">
+        <a
+          href={MAJORITY_JUDGMENT_LINK}
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          <Button
+            color="primary py-3"
+            outline={false}
+            type="submit"
+            icon={faArrowRight}
+            position="right"
           >
-            <Button
-              color="primary py-3"
-              outline={false}
-              type="submit"
-              icon={faArrowRight}
-              position="right"
-            >
-              {t('home.experience-call-to-action')}
-            </Button>
-          </a>
-        </div>
+            {t('home.experience-call-to-action')}
+          </Button>
+        </a>
       </Container>
     </div>
   );