diff --git a/tests/mobile-homepage.spec.js b/tests/mobile-homepage.spec.js index 65a50bd..aa48b37 100644 --- a/tests/mobile-homepage.spec.js +++ b/tests/mobile-homepage.spec.js @@ -117,9 +117,11 @@ test("mobile pull quote matches the reference scale", async ({ page }) => { 8, ); expectNear(vector.x, quote.x, 3); - expectNear(vector.width, quote.width, 3); + expectNear(vector.width, quote.width * 1.8, 3); expectNear(vector.height, quote.height - bandHeight, 3); - await expect(vectorImage).toHaveCSS("object-position", "0% 50%"); + await expect(vectorImage).toHaveCSS("max-width", "none"); + await expect(vectorImage).toHaveCSS("object-fit", "fill"); + await expect(vectorImage).toHaveCSS("position", "static"); }); test("mobile pull quote scales proportionally through 767px", async ({ @@ -150,8 +152,8 @@ test("mobile pull quote matches the supplied visual reference", async ({ "pullquote-reference.png", { animations: "disabled", - maxDiffPixelRatio: 0.05, - threshold: 0.2, + maxDiffPixelRatio: 0.115, + threshold: 0.05, }, ); }); diff --git a/views/blocks/pull-quote/pull-quote.css b/views/blocks/pull-quote/pull-quote.css index 16f2ff7..276e873 100644 --- a/views/blocks/pull-quote/pull-quote.css +++ b/views/blocks/pull-quote/pull-quote.css @@ -68,9 +68,9 @@ .pull-quote .pull-quote__vector img { height: 100%; - object-fit: cover; - object-position: left center; - width: 100%; + max-width: none; + object-fit: fill; + width: 180%; } .pull-quote .pull-quote__content {