From 31409bd6db808e8781ae9f1e13e57a32e06b078f Mon Sep 17 00:00:00 2001
From: ascpixi <44982772+ascpixi@users.noreply.github.com>
Date: Tue, 9 Dec 2025 13:23:03 -0500
Subject: [PATCH] fix: use compressed webp for StoryCard step-bg

---
 frontend/src/components/StoryCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/StoryCard.tsx b/frontend/src/components/StoryCard.tsx
index 29daef2..ea5f71e 100644
--- a/frontend/src/components/StoryCard.tsx
+++ b/frontend/src/components/StoryCard.tsx
@@ -10,7 +10,7 @@ function StoryCard({ imageSrc, imageAlt, titleImageSrc, titleImageAlt, descripti
   eventUrl: string;
 }) {
   return (
-    <div className="bg-[url(ui/step-bg.png)] bg-no-repeat bg-cover min-[1050px]:bg-none min-[1050px]:bg-white relative p-6 pb-24 flex items-center flex-1 basis-0 flex-col gap-4 min-[1050px]:gap-2 min-[1050px]:shadow-[16px_16px_0px_0px_rgba(0,0,0,0.3)] mx-8 min-[1050px]:mx-0">
+    <div className="bg-[url(compressed/ui/step-bg.webp)] bg-no-repeat bg-cover min-[1050px]:bg-none min-[1050px]:bg-white relative p-6 pb-24 flex items-center flex-1 basis-0 flex-col gap-4 min-[1050px]:gap-2 min-[1050px]:shadow-[16px_16px_0px_0px_rgba(0,0,0,0.3)] mx-8 min-[1050px]:mx-0">
       <img 
         src={imageSrc}
         alt={imageAlt}