Change Location hover photo change effect

src/components/molecules/Location.svelte

@@ -8,7 +8,6 @@
     import Badge from '$components/atoms/Badge.svelte'
 
     export let location: any
-    export let index: number
 
     const { settings: { limit_new }}: any = getContext('global')
     const { name, slug, country, date_updated } = location
@@ -72,12 +71,14 @@
             {/if}
         </div>
     </a>
-    <div class="location__photos">
-        {#each location.photos as photo, index}
-            <Image
-                class={index === photoIndex ? 'is-visible' : null}
-                id={photo.image.id} alt={photo.image.title} width={240} height={160} quality={70}
-            />
-        {/each}
-    </div>
+    {#if location.photos.length}
+        <div class="location__photos">
+            {#each location.photos as photo, index}
+                <Image
+                    class={index === photoIndex ? 'is-visible' : null}
+                    id={photo.image.id} alt={photo.image.title} width={240} height={160} quality={70}
+                />
+            {/each}
+        </div>
+    {/if}
 </div>