Fix pampers images on homepage

Gyanreyer · Oct 28, 2024 · 0d1be40 · 0d1be40
1 parent 7a73c6f
commit 0d1be40
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/_components/home/homepage-section.webc b/src/_components/home/homepage-section.webc
@@ -124,6 +124,7 @@
     grid-column: 2 / 3;
     grid-row: 1 / 3;
     justify-self: center;
+    height: 100%;
     width: 100%;
     --translate-y: calc(15% * calc(var(--scroll-pct) - 0.25));
     transform: translate3d(0, var(--translate-y), 0);

diff --git a/src/index.webc b/src/index.webc
@@ -191,9 +191,9 @@ description: "art director/designer"
   }
 
   #pampers img.center {
+    position: absolute;
     width: 35%;
-    margin: 0 auto;
-    position: relative;
+    left: 32.5%;
     z-index: 1;
     transform: translateY(calc(20% * calc(var(--scroll-pct) - 0.5)));
   }