Disable lazyloaded images for Collage

src/components/molecules/PhotoCard.svelte

@@ -9,6 +9,7 @@
     export let location: any = undefined
     export let city: string = undefined
     export let hovered: boolean = false
+    export let lazy: boolean = true
 
     const dispatch = createEventDispatcher()
     const sizes = {
@@ -30,11 +31,12 @@
     {#if url}
         <a href={url} sveltekit:noscroll>
             <Image
-                id={id}
+                {id}
                 sizeKey="postcard"
                 {sizes}
                 ratio={1.5}
-                alt={alt}
+                {alt}
+                {lazy}
             />
             {#if title && location}
                 <div class="photo-card__info">
@@ -51,11 +53,12 @@
         </a>
     {:else}
         <Image
-            id={id}
+            {id}
             sizeKey="postcard"
             {sizes}
             ratio={1.5}
-            alt={alt}
+            {alt}
+            {lazy}
         />
     {/if}
 </div>

src/components/organisms/Collage.svelte

@@ -17,6 +17,7 @@
                 location={location}
                 city={city}
                 hovered={hovered === index}
+                lazy={false}
                 on:hover={({ detail }) => hovered = detail ? index : null}
             />
         {/each}