fix: anchor mobile hero vector to the viewport

Move the mobile hero <img> out of the .vector container (which is intentionally wider than the viewport to bleed the desktop SVG) so the mobile img anchors to .heroVector's full-width edges. Set width: 100vw, left: 0, bottom: 6.25rem so the 402-wide mobile SVG distributes the linework across the full hero at the 402 reference composition.
2026-06-28 13:35:35 -05:00
parent 93b9ef68cd
commit a761c16802
2 changed files with 5 additions and 2 deletions
@@ -131,9 +131,12 @@
    }

    .homepage-hero .heroVector .hero-vector--mobile {
+        bottom: 6.25rem;
        display: block;
        height: auto;
-        width: 100%;
+        left: 0;
+        position: absolute;
+        width: 100vw;
    }

    .homepage-hero .heroMedia img,