chore: fix carbon ads position on hoome page

Author: danielbarion

docs/src/pages/index.module.css

@@ -8,62 +8,13 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
 .heroAds {
-  position: absolute;
-  left: 0;
-  top: 12px;
-}
-
-@media screen and (min-width: 375px) {
-  .heroAds {
-    top: 4rem;
-  }
-}
-
-@media screen and (min-width: 425px) {
-  .heroAds {
-    left: unset;
-    top: 8px;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .heroAds {
-    transform: translateX(calc(50% - 30px));
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  .heroAds {
-    top: 10rem;
-    transform: unset;
-  }
-}
-
-@media screen and (min-width: 1256px) {
-  .heroAds {
-    left: 4rem;
-  }
-}
-
-@media screen and (min-width: 1440px) {
-  .heroAds {
-    left: 8rem;
-  }
-}
-
-@media screen and (min-width: 2000px) {
-  .heroAds {
-    left: 16rem;
-  }
-}
-
-@media screen and (min-width: 2560px) {
-  .heroAds {
-    left: 32rem;
-  }
+  padding-top: 2rem;
+  min-height: 196px;
 }
 
 @media screen and (max-width: 996px) {