diff --git a/src/components/atoms/Image.svelte b/src/components/atoms/Image.svelte
index a5aaaaa..4fdf5fe 100644
--- a/src/components/atoms/Image.svelte
+++ b/src/components/atoms/Image.svelte
@@ -46,17 +46,17 @@
      */
     $: imgWidth = sizes && sizes.small ? sizes.small.width : width
     $: imgHeight = sizes && sizes.small ? sizes.small.height : height
-    $: imgSrc = id ? getAssetUrlKey(id, `${sizeKey}-small-jpg`) : src ? src : null
+    $: imgSrc = id ? getAssetUrlKey(id, `${sizeKey}-small-jpg`) : src ? src : undefined
     $: srcSet = {
         webp: [
             `${getAssetUrlKey(id, `${sizeKey}-small-webp`)} 345w`,
-            sizes && sizes.medium ? `${getAssetUrlKey(id, `${sizeKey}-medium-webp`)} 768w` : null,
-            sizes && sizes.large ? `${getAssetUrlKey(id, `${sizeKey}-large-webp`)} 1280w` : null,
+            sizes && sizes.medium ? `${getAssetUrlKey(id, `${sizeKey}-medium-webp`)} 768w` : undefined,
+            sizes && sizes.large ? `${getAssetUrlKey(id, `${sizeKey}-large-webp`)} 1280w` : undefined,
         ],
         jpg: [
             `${getAssetUrlKey(id, `${sizeKey}-small-jpg`)} 345w`,
-            sizes && sizes.medium ? `${getAssetUrlKey(id, `${sizeKey}-medium-jpg`)} 768w` : null,
-            sizes && sizes.large ? `${getAssetUrlKey(id, `${sizeKey}-large-jpg`)} 1280w` : null,
+            sizes && sizes.medium ? `${getAssetUrlKey(id, `${sizeKey}-medium-jpg`)} 768w` : undefined,
+            sizes && sizes.large ? `${getAssetUrlKey(id, `${sizeKey}-large-jpg`)} 1280w` : undefined,
         ]
     }
 </script>