diff --git a/src/components/molecules/Location.svelte b/src/components/molecules/Location.svelte
index fb10132..a92bede 100644
--- a/src/components/molecules/Location.svelte
+++ b/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>
diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss
index ca83843..4a7b848 100644
--- a/src/style/molecules/_location.scss
+++ b/src/style/molecules/_location.scss
@@ -109,7 +109,7 @@
         left: 50%;
         width: 240px;
         height: 160px;
-        background: #444;
+        background: #222;
         border-radius: 6px;
         transform: translate3d(calc(-50% + var(--offset-x)), calc(-50% + var(--offset-y)), 0) rotate(var(--rotate));
         overflow: hidden;
@@ -122,7 +122,13 @@
         }
 
         picture {
-            display: none;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            opacity: 0;
+            transition: opacity 0.3s;
 
             img {
                 display: block;
@@ -132,7 +138,7 @@
             }
 
             &.is-visible {
-                display: block;
+                opacity: 1;
             }
         }
     }