diff --git a/src/components/PeopleItem.vue b/src/components/PeopleItem.vue
index 5e7d59f..5cbca9e 100644
--- a/src/components/PeopleItem.vue
+++ b/src/components/PeopleItem.vue
@@ -7,7 +7,7 @@ const props = defineProps({
 <template>
   <div class="column col-xs-12 col-md-3 q-pa-sm">
     <div class="q-card--bordered rounded-borders text-center bg-primary text-white col-grow">
-      <q-img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 100%; height: auto"/>
+      <q-img :src="`/${props.people.image}`" class="rounded-borders" style="width: 100%; height: 200px;"/>
       <div class="q-py-sm">
         <div class="text-h6">{{ props.people.name }}</div>
         <div class="text-subtitle2">{{ props.people.affiliation }}</div>
diff --git a/src/components/PeopleItemLarge.vue b/src/components/PeopleItemLarge.vue
index 59ed834..a74a757 100644
--- a/src/components/PeopleItemLarge.vue
+++ b/src/components/PeopleItemLarge.vue
@@ -8,8 +8,8 @@ const props = defineProps({
   <div class="column col-xs-12 col-md-6 q-pa-sm">
   <div class="row q-card--bordered rounded-borders text-center bg-primary text-white">
       <div class="col-xs-12 col-md-6 row items-center">
-        <img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
-        <q-img :src="new URL(props.people.image, import.meta.url).href" alt="" class="rounded-borders" style="max-width: 50%; height: auto"/>
+        <img :src="`/${props.people.image}`" alt="" class="rounded-borders" style="max-width: 50%; height: auto">
+        <q-img :src="`/${props.people.image}`" alt="" class="rounded-borders" style="max-width: 50%; height: auto"/>
       </div>
       <div class="col-xs-12 col-md-6 q-py-md justify-evenly column">
         <div>