Switch

Author: DanielCliftonGuardian

dotcom-rendering/src/components/GalleryImage.tsx

@@ -75,14 +75,17 @@ export const GalleryImage = ({
 		return null;
 	}
 
-	const boundedImageStyles = css`
-		${galleryBodyImageStyles};
-		max-width: calc(${width / height} * 96vh);
-	`;
-
 	return (
 		<figure css={styles}>
-			<div css={boundedImageStyles}>
+			<div
+				css={galleryBodyImageStyles}
+				/**
+				 * This ensures that the image height never goes above 96vh.
+				 */
+				style={{
+					maxWidth: `calc(${width / height} * 96vh)`,
+				}}
+			>
 				{renderingTarget === 'Apps' ? (
 					<Island priority="critical">
 						<AppsLightboxImage