Merged in feat/SW-2039-move-fullview-caption (pull request #2543)

feat(SW-2039): move fullview image caption from bottom to the top of image

* feat(SW-2039): move fullview image caption to the top


Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/Lightbox/FullView/index.tsx

@@ -88,6 +88,11 @@ export default function FullView({
             drag="x"
             onDragEnd={(_e, info) => handleSwipe(info.offset.x)}
           >
+            {image.caption && !hideLabel ? (
+              <Typography variant="Body/Paragraph/mdRegular">
+                <p className={styles.imageCaption}>{image.caption}</p>
+              </Typography>
+            ) : null}
             <Image
               alt={image.alt}
               fill
@@ -95,12 +100,6 @@ export default function FullView({
               src={image.src}
               className={styles.image}
             />
-
-            {image.caption && !hideLabel ? (
-              <Typography variant="Body/Paragraph/mdRegular">
-                <p className={styles.footer}>{image.caption}</p>
-              </Typography>
-            ) : null}
           </motion.div>
         </AnimatePresence>
       </div>