diff --git a/e2e/map-harness.spec.ts b/e2e/map-harness.spec.ts
index 55eca4fca..208c5ac86 100644
--- a/e2e/map-harness.spec.ts
+++ b/e2e/map-harness.spec.ts
@@ -114,18 +114,13 @@ const waitForHarnessReady = async (
     .toBe(true);
 };
 
-const getMarkerCenter = async (
+const getMarkerInlineTransform = async (
   page: import('@playwright/test').Page,
   selector: string
-): Promise<{ x: number; y: number } | null> => {
+): Promise<string | null> => {
   return await page.evaluate((sel) => {
-    const el = document.querySelector(sel);
-    if (!el) return null;
-    const rect = el.getBoundingClientRect();
-    return {
-      x: rect.left + rect.width / 2,
-      y: rect.top + rect.height / 2,
-    };
+    const el = document.querySelector(sel) as HTMLElement | null;
+    return el?.style.transform ?? null;
   }, selector);
 };
 
@@ -365,8 +360,8 @@ test.describe('DeckGL map harness', () => {
     const markerSelector = '.protest-marker';
     await expect(page.locator(markerSelector).first()).toBeVisible();
 
-    const before = await getMarkerCenter(page, markerSelector);
-    expect(before).not.toBeNull();
+    const beforeTransform = await getMarkerInlineTransform(page, markerSelector);
+    expect(beforeTransform).not.toBeNull();
 
     await page.evaluate(() => {
       const w = window as HarnessWindow;
@@ -375,11 +370,8 @@ test.describe('DeckGL map harness', () => {
 
     await page.waitForTimeout(750);
 
-    const after = await getMarkerCenter(page, markerSelector);
-    expect(after).not.toBeNull();
-
-    const dx = Math.abs((after?.x ?? 0) - (before?.x ?? 0));
-    const dy = Math.abs((after?.y ?? 0) - (before?.y ?? 0));
-    expect(Math.max(dx, dy)).toBeGreaterThan(10);
+    const afterTransform = await getMarkerInlineTransform(page, markerSelector);
+    expect(afterTransform).not.toBeNull();
+    expect(afterTransform).not.toBe(beforeTransform);
   });
 });
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-ais-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-ais-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-ais-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-ais-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-apt-groups-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-apt-groups-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-apt-groups-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-apt-groups-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-bases-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-bases-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-bases-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-bases-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-cables-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-cables-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-cables-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-cables-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-conflicts-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-conflicts-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-conflicts-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-conflicts-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-cluster-z3-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-cluster-z3.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-cluster-z3-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-cluster-z3.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-icons-z6-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-icons-z6.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-icons-z6-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-datacenters-icons-z6.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-economic-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-economic-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-economic-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-economic-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-fires-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-fires-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-fires-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-fires-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-flights-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-flights-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-flights-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-flights-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-hotspots-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-hotspots-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-hotspots-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-hotspots-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-irradiators-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-irradiators-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-irradiators-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-irradiators-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-military-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-military-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-military-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-military-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-minerals-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-minerals-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-minerals-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-minerals-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-natural-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-natural-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-natural-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-natural-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5-chromium-darwin.png
deleted file mode 100644
index 5f43f6b1a..000000000
Binary files a/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5-chromium-darwin.png and /dev/null differ
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5.png b/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5.png
new file mode 100644
index 000000000..351949704
Binary files /dev/null and b/e2e/map-harness.spec.ts-snapshots/layer-full-news-z5.png differ
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-nuclear-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-nuclear-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-nuclear-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-nuclear-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-outages-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-outages-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-outages-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-outages-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-pipelines-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-pipelines-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-pipelines-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-pipelines-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-ports-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-ports-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-ports-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-ports-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-protests-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-protests-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-protests-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-protests-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-spaceports-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-spaceports-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-spaceports-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-spaceports-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-waterways-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-waterways-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-waterways-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-waterways-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-full-weather-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-full-weather-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-full-weather-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-full-weather-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-accelerators-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-accelerators-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-accelerators-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-accelerators-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-ais-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-ais-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-ais-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-ais-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-bases-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-bases-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-bases-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-bases-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-cables-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-cables-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-cables-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-cables-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-cloud-regions-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-cloud-regions-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-cloud-regions-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-cloud-regions-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-conflicts-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-conflicts-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-conflicts-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-conflicts-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-cluster-z3-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-cluster-z3.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-cluster-z3-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-cluster-z3.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-icons-z6-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-icons-z6.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-icons-z6-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-datacenters-icons-z6.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-economic-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-economic-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-economic-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-economic-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-fires-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-fires-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-fires-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-fires-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-flights-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-flights-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-flights-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-flights-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-hotspots-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-hotspots-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-hotspots-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-hotspots-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-irradiators-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-irradiators-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-irradiators-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-irradiators-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-military-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-military-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-military-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-military-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-minerals-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-minerals-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-minerals-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-minerals-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-natural-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-natural-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-natural-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-natural-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5-chromium-darwin.png
deleted file mode 100644
index 978f2f2b4..000000000
Binary files a/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5-chromium-darwin.png and /dev/null differ
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5.png
new file mode 100644
index 000000000..382059618
Binary files /dev/null and b/e2e/map-harness.spec.ts-snapshots/layer-tech-news-z5.png differ
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-nuclear-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-nuclear-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-nuclear-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-nuclear-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-outages-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-outages-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-outages-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-outages-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-pipelines-z4-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-pipelines-z4.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-pipelines-z4-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-pipelines-z4.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-ports-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-ports-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-ports-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-ports-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-protests-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-protests-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-protests-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-protests-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-spaceports-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-spaceports-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-spaceports-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-spaceports-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-startup-hubs-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-startup-hubs-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-startup-hubs-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-startup-hubs-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-tech-events-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-tech-events-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-tech-events-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-tech-events-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-tech-hqs-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-tech-hqs-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-tech-hqs-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-tech-hqs-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-waterways-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-waterways-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-waterways-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-waterways-z5.png
diff --git a/e2e/map-harness.spec.ts-snapshots/layer-tech-weather-z5-chromium-darwin.png b/e2e/map-harness.spec.ts-snapshots/layer-tech-weather-z5.png
similarity index 100%
rename from e2e/map-harness.spec.ts-snapshots/layer-tech-weather-z5-chromium-darwin.png
rename to e2e/map-harness.spec.ts-snapshots/layer-tech-weather-z5.png
diff --git a/playwright.config.ts b/playwright.config.ts
index 9cf68d798..24031b35c 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -30,10 +30,11 @@ export default defineConfig({
       },
     },
   ],
+  snapshotPathTemplate: '{testDir}/{testFileName}-snapshots/{arg}{ext}',
   webServer: {
     command: 'npm run dev -- --host 127.0.0.1 --port 4173',
     url: 'http://127.0.0.1:4173/map-harness.html',
-    reuseExistingServer: true,
+    reuseExistingServer: false,
     timeout: 120000,
   },
 });
diff --git a/src/components/DeckGLMap.ts b/src/components/DeckGLMap.ts
index ead46b6c7..26f338319 100644
--- a/src/components/DeckGLMap.ts
+++ b/src/components/DeckGLMap.ts
@@ -478,6 +478,16 @@ export class DeckGLMap {
     return false;
   }
 
+  private projectClusterCenter(
+    center: [number, number],
+    fallback: [number, number]
+  ): [number, number] {
+    if (!this.maplibreMap) return fallback;
+    const projected = this.maplibreMap.project(center);
+    if (!projected) return fallback;
+    return [projected.x, projected.y];
+  }
+
   private updateClusterElement(
     key: string,
     screenPos: [number, number],
@@ -550,10 +560,11 @@ export class DeckGLMap {
           this.clusterResultCache.set(cacheKey, clusters);
         }
         clusters.forEach((cluster) => {
+          const screenPos = this.projectClusterCenter(cluster.center, cluster.screenPos);
           const key = this.getClusterKey('hq', cluster.center, cluster.items.length);
           activeKeys.add(key);
-          if (this.hasClusterMoved(key, cluster.screenPos, cluster.items.length)) {
-            const element = this.updateClusterElement(key, cluster.screenPos, () => this.createTechHQClusterElement(cluster));
+          if (this.hasClusterMoved(key, screenPos, cluster.items.length)) {
+            const element = this.updateClusterElement(key, screenPos, () => this.createTechHQClusterElement(cluster));
             if (!element.parentElement) this.clusterOverlay!.appendChild(element);
           }
         });
@@ -569,10 +580,11 @@ export class DeckGLMap {
           this.clusterResultCache.set(cacheKey, clusters);
         }
         clusters.forEach((cluster) => {
+          const screenPos = this.projectClusterCenter(cluster.center, cluster.screenPos);
           const key = this.getClusterKey('event', cluster.center, cluster.items.length);
           activeKeys.add(key);
-          if (this.hasClusterMoved(key, cluster.screenPos, cluster.items.length)) {
-            const element = this.updateClusterElement(key, cluster.screenPos, () => this.createTechEventClusterElement(cluster));
+          if (this.hasClusterMoved(key, screenPos, cluster.items.length)) {
+            const element = this.updateClusterElement(key, screenPos, () => this.createTechEventClusterElement(cluster));
             if (!element.parentElement) this.clusterOverlay!.appendChild(element);
           }
         });
@@ -589,10 +601,11 @@ export class DeckGLMap {
         this.clusterResultCache.set(cacheKey, clusters);
       }
       clusters.forEach((cluster) => {
+        const screenPos = this.projectClusterCenter(cluster.center, cluster.screenPos);
         const key = this.getClusterKey('protest', cluster.center, cluster.items.length);
         activeKeys.add(key);
-        if (this.hasClusterMoved(key, cluster.screenPos, cluster.items.length)) {
-          const element = this.updateClusterElement(key, cluster.screenPos, () => this.createProtestClusterElement(cluster));
+        if (this.hasClusterMoved(key, screenPos, cluster.items.length)) {
+          const element = this.updateClusterElement(key, screenPos, () => this.createProtestClusterElement(cluster));
           if (!element.parentElement) this.clusterOverlay!.appendChild(element);
         }
       });
@@ -608,10 +621,11 @@ export class DeckGLMap {
         this.clusterResultCache.set(cacheKey, clusters);
       }
       clusters.forEach((cluster) => {
+        const screenPos = this.projectClusterCenter(cluster.center, cluster.screenPos);
         const key = this.getClusterKey('dc', cluster.center, cluster.items.length);
         activeKeys.add(key);
-        if (this.hasClusterMoved(key, cluster.screenPos, cluster.items.length)) {
-          const element = this.updateClusterElement(key, cluster.screenPos, () => this.createDatacenterClusterElement(cluster));
+        if (this.hasClusterMoved(key, screenPos, cluster.items.length)) {
+          const element = this.updateClusterElement(key, screenPos, () => this.createDatacenterClusterElement(cluster));
           if (!element.parentElement) this.clusterOverlay!.appendChild(element);
         }
       });
diff --git a/src/e2e/map-harness.ts b/src/e2e/map-harness.ts
index 0744b2204..734fd4110 100644
--- a/src/e2e/map-harness.ts
+++ b/src/e2e/map-harness.ts
@@ -193,6 +193,8 @@ const map = new DeckGLMap(app, {
   timeRange: '24h',
 });
 
+const DETERMINISTIC_BODY_CLASS = 'e2e-deterministic';
+
 const internals = map as unknown as {
   buildLayers?: () => Array<{ id: string; props?: { data?: unknown } }>;
   lastClusterState?: Map<string, unknown>;
@@ -873,13 +875,20 @@ const ensureDeterministicStyles = (): void => {
   const style = document.createElement('style');
   style.id = DETERMINISTIC_STYLE_ID;
   style.textContent = `
-    .deckgl-controls,
-    .deckgl-time-slider,
-    .deckgl-layer-toggles,
-    .deckgl-legend,
-    .deckgl-timestamp,
-    .maplibregl-ctrl-bottom-right,
-    .maplibregl-ctrl-bottom-left {
+    body.${DETERMINISTIC_BODY_CLASS} *,
+    body.${DETERMINISTIC_BODY_CLASS} *::before,
+    body.${DETERMINISTIC_BODY_CLASS} *::after {
+      animation: none !important;
+      transition: none !important;
+    }
+
+    body.${DETERMINISTIC_BODY_CLASS} .deckgl-controls,
+    body.${DETERMINISTIC_BODY_CLASS} .deckgl-time-slider,
+    body.${DETERMINISTIC_BODY_CLASS} .deckgl-layer-toggles,
+    body.${DETERMINISTIC_BODY_CLASS} .deckgl-legend,
+    body.${DETERMINISTIC_BODY_CLASS} .deckgl-timestamp,
+    body.${DETERMINISTIC_BODY_CLASS} .maplibregl-ctrl-bottom-right,
+    body.${DETERMINISTIC_BODY_CLASS} .maplibregl-ctrl-bottom-left {
       display: none !important;
     }
   `;
@@ -900,7 +909,7 @@ const hideRasterBasemap = (): void => {
 };
 
 const enableDeterministicVisualMode = (): void => {
-  document.body.classList.add('animations-paused');
+  document.body.classList.add(DETERMINISTIC_BODY_CLASS);
   ensureDeterministicStyles();
   hideRasterBasemap();
   makeNewsLocationsNonRecent();