Improve page load times and rendering

tests/components/cards/CaseStudy.test.tsx

@@ -10,22 +10,24 @@ describe("CaseStudy", () => {
     expect(container.querySelector('[data-figma-node="21993-32352"]')).toBeTruthy();
   });
 
-  it("renders built-in raster when visual is omitted (neutral)", () => {
+  it("renders built-in art when visual is omitted (neutral)", () => {
     render(
       <CaseStudy surface="neutral" imageAlt="Food Not Bombs logo" />,
     );
 
     expect(
       screen.getByRole("img", { name: "Food Not Bombs logo" }),
-    ).toHaveAttribute("src");
+    ).toBeTruthy();
   });
 
   it("uses Mutual Aid vector on lavender surface", () => {
     const { container } = render(
       <CaseStudy surface="lavender" imageAlt="Mutual Aid Colorado logo" />,
     );
-    expect(container.querySelector("img")?.getAttribute("src")).toContain(
-      "case-study-mutual-aid.svg",
-    );
+    expect(
+      container.querySelector("[data-case-study-art]")?.getAttribute(
+        "data-case-study-art",
+      ),
+    ).toBe("case-study-mutual-aid");
   });
 });