Fullscreen fixes

- Due to the Homepage carousel animation, fullscreen was constraint to the top of the parent block. Resetting the style on transition complete fixes it
- Check if scope exists before emptying its image content

src/animations/index.js

@@ -65,7 +65,8 @@ export const animateIn = () => {
                 translateY: [24, 0],
                 duration: animDuration,
                 delay: 650,
-                easing: 'easeOutQuart'
+                easing: 'easeOutQuart',
+                complete: () => el.removeAttribute('style')
             })
         }
     })

src/organisms/Fullscreen.svelte

@@ -57,10 +57,12 @@
         closed = true
 
         // Clear image and reset fullscreen store value
-        setTimeout(() => {
+        if (scope) {
-            scope.querySelector('.fullscreen__image').innerHTML = ''
+            setTimeout(() => {
-            fullscreen.set()
+                scope.querySelector('.fullscreen__image').innerHTML = ''
-        }, 800) // Transition duration
+                fullscreen.set()
+            }, 800) // Transition duration
+        }
     }, 800)
 </script>