diff --git a/components/module/Image.vue b/components/module/Image.vue
index 1419a2a..947e728 100644
--- a/components/module/Image.vue
+++ b/components/module/Image.vue
@@ -14,6 +14,7 @@ interface Props {
 const props = defineProps<Props>()
 const flow = inject('flow') as FlowOutput
 const text = computed(() => extractTextFromHTML(props.module.content))
+const cover = props.module.s3Key ? `https://space.r2.102415.xyz/${props.module.s3Key}` : props.module.image
 </script>
 
 <template>
@@ -34,7 +35,7 @@ const text = computed(() => extractTextFromHTML(props.module.content))
 				<NuxtImg
 					class="w-full"
 					format="webp"
-					:src="props.module!.image"
+					:src="cover || undefined"
 					:alt="module.title"
 					referrerpolicy="no-referrer"
 					loading="lazy"
diff --git a/components/module/Project.vue b/components/module/Project.vue
index 9292a53..a3dc555 100644
--- a/components/module/Project.vue
+++ b/components/module/Project.vue
@@ -11,6 +11,7 @@ interface Props {
 }
 
 const props = defineProps<Props>()
+const cover = props.module.s3Key ? `https://space.r2.102415.xyz/${props.module.s3Key}` : props.module.image
 </script>
 
 <template>
@@ -20,7 +21,7 @@ const props = defineProps<Props>()
 				<NuxtImg
 					width="48px"
 					height="48px"
-					:src="props.module.image ?? undefined"
+					:src="cover || undefined"
 					loading="lazy"
 					:alt="props.module.title"
 				/>