Fix pampers images on homepage

Gyanreyer · Gyanreyer · commit 0d1be4010e51 · 2024-10-28T17:53:07.000-04:00
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)));
   }

Original file line number	Diff line number	Diff line change
`@@ -191,9 +191,9 @@ description: "art director/designer"`
`191`	`191`	`}`
`192`	`192`
`193`	`193`	`#pampers img.center {`
	`194`	`+ position: absolute;`
`194`	`195`	`width: 35%;`
`195`		`- margin: 0 auto;`
`196`		`- position: relative;`
	`196`	`+ left: 32.5%;`
`197`	`197`	`z-index: 1;`
`198`	`198`	`transform: translateY(calc(20% * calc(var(--scroll-pct) - 0.5)));`
`199`	`199`	`}`