diff --git a/web/style.css b/web/style.css
index 1300097..47b3f38 100644
--- a/web/style.css
+++ b/web/style.css
@@ -72,7 +72,6 @@ ol, ul {
 .viewport {
 	pointer-events: none;
 	perspective: 300vmax;
-	perspective-origin: 50% var(--y-offset);
 }
 .viewport * {
 	pointer-events: initial;
diff --git a/web/viewport.js b/web/viewport.js
index 158cabb..a61d374 100644
--- a/web/viewport.js
+++ b/web/viewport.js
@@ -65,7 +65,7 @@ function setViewportOffset(viewport, windowHeight) {
 		)
 	);
 	const yOffset = origin - viewportRect.top;
-	viewport.style.setProperty('--y-offset', yOffset + "px");
+	viewport.style.setProperty('perspective-origin', `50% ${yOffset}px`);
 }
 
 const viewports = document.querySelectorAll(".viewport");