Scope animations

src/molecules/Photo.svelte

@@ -9,7 +9,7 @@
     export let photo
     export let index
     export let layout = 'list'
-    let photoElement
+    let scope
 
     // Default size for the image
     const defaultWidth = 900
@@ -25,6 +25,7 @@
 	** Run code on browser only
 	*/
 	onMount(() => {
+        animateIn(scope)
         // Parallax on photo when the image has been loaded
         // const parallaxNumber = basicScroll.default.create({
         //     elem: photoElement.querySelector('.photo__number'),
@@ -48,6 +49,7 @@
     bind:this={photoElement}
     in:fly="{{ y: 40, duration: 1000, easing: quartOut }}"
 >
+<div class="photo" bind:this={scope}>
     <div class="photo__location wrap">
         <div class="wrapper">
             <h2 class="title-location">{photo.name.replace(', ', ',\n')}</h2>