Scope animations

src/organisms/Locations.svelte

@@ -14,6 +14,7 @@
 
     // Variables
     const transitionDuration = 800
+    let list
     let filterLocations
     let continentsToDisplay = []
     let continentsFiltered = []
@@ -35,7 +36,7 @@
     */
     onMount(() => {
         // Entering transition
-        animateIn()
+        animateIn(list)
     })
 </script>
 
@@ -57,7 +58,7 @@
         {/each}
     </ul>
 
-    <div class="browse__locations" id="locations_list">
+    <div class="browse__locations" id="locations_list" bind:this={list}>
     {#each filteredLocations as location (location.id)}
         <div animate:flip="{{ duration: transitionDuration }}"
             in:receive="{{ key: location.id }}"