diff --git a/src/components/Item.tsx b/src/components/Item.tsx
index f7cf751..e679958 100644
--- a/src/components/Item.tsx
+++ b/src/components/Item.tsx
@@ -26,7 +26,7 @@ function Item(props: FoodObject) {
           <Box position="relative" flexGrow={1}>
             <img
               className="food-image"
-              src={`../images/${image}.png`}
+              src={`${import.meta.env.VITE_BASE_URL}images/${image}.png`}
               alt={`image of ${image}`}
             />
           </Box>
diff --git a/src/routes/FoodPage.tsx b/src/routes/FoodPage.tsx
index 83e6a2a..319ef57 100644
--- a/src/routes/FoodPage.tsx
+++ b/src/routes/FoodPage.tsx
@@ -99,7 +99,7 @@ export default function FoodPage() {
         <ImgBox borderRadius={1}>
           <img
             className="food-image"
-            src={`../images/${image}.png`}
+            src={`${import.meta.env.VITE_BASE_URL}images/${image}.png`}
             alt={`photo of ${image}`}
           />
         </ImgBox>