fix: style components to add responsivity

components/Current/ContentPage/contentPage.module.css

@@ -0,0 +1,8 @@
+.wrapper {
+    width: 100%;
+    position: relative;
+    z-index: 10;
+    padding-bottom: 50px;
+    background: #f3f2f1;
+    display: block;
+}

components/Current/ContentPage/index.tsx

@@ -6,8 +6,9 @@ import Preamble from "@/components/Current/Preamble"
 import Section from "@/components/Current/Section"
 import SubnavMobile from "@/components/Current/SubnavMobile"
 
-import type { ContentPageProps } from "@/types/components/current/contentPage"
+import styles from "./contentPage.module.css"
 
+import type { ContentPageProps } from "@/types/components/current/contentPage"
 
 export default function ContentPage({ data, lang, uri }: ContentPageProps) {
   const page = data.all_current_blocks_page.items[0]
@@ -19,7 +20,7 @@ export default function ContentPage({ data, lang, uri }: ContentPageProps) {
     <>
       <Header lang={lang} pathname={uri} />
       {images?.totalCount ? <Hero images={images.edges} /> : null}
-      <main className="main l-sections-wrapper" id="maincontent" role="main">
+      <main className={styles.wrapper} id="maincontent" role="main">
         <input
           id="lbl-personalized-areas"
           name="lbl-personalized-areas"