feat: create design for 3bear and drsquatch hero banner, create variants cta section

src/modules/layout/templates/vt-carousel/index.module.css

@@ -44,6 +44,7 @@
   display: grid;
   position: absolute;
   top: 0;
+  z-index: 1000;
   width: 100%;
   height: 100%;
   grid-template-columns: auto 1fr;
@@ -57,6 +58,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  z-index: 1000;
 }
 .embla__button {
   --text-high-contrast-rgb-value: 49, 49, 49;
@@ -74,7 +76,7 @@
   margin: 0;
   width: 3.6rem;
   height: 3.6rem;
-  z-index: 1;
+  z-index: 1001;
   border-radius: 50%;
   color: var(--text-body);
   display: flex;
@@ -98,6 +100,7 @@
   flex-wrap: wrap;
   justify-content: flex-end;
   align-items: center;
+  z-index: 1000;
 }
 .embla__dot {
   --text-high-contrast-rgb-value: 49, 49, 49;