Merge pull request #14622 from guardian/gallery-fix-padding-top-of-first-image

Add padding top on the first image of the gallery

Author: marjisound

dotcom-rendering/src/components/GalleryCaption.tsx

@@ -54,7 +54,7 @@ const styles = css`
 			content: '';
 			position: absolute;
 			right: -10px;
-			top: 0;
+			top: -12px;
 			bottom: 0;
 			width: 1px;
 			background-color: ${palette('--article-border')};

dotcom-rendering/src/components/GalleryImage.tsx

@@ -35,6 +35,12 @@ const styles = css`
 		border-left: 1px solid ${palette('--article-border')};
 		border-right: 1px solid ${palette('--article-border')};
 	}
+
+	${from.desktop} {
+		&:first-of-type {
+			padding-top: ${space[3]}px;
+		}
+	}
 `;
 
 const galleryBodyImageStyles = css`