Revert content wrapper flex-shrink. Add flex-grow to loop video wrapper

Author: domlander

dotcom-rendering/src/components/Card/components/ContentWrapper.tsx

@@ -7,7 +7,7 @@ import type { ImagePositionType, ImageSizeType } from './ImageWrapper';
 const sizingStyles = css`
 	display: flex;
 	flex-direction: column;
-	flex: 1 0;
+	flex-grow: 1;
 	justify-content: space-between;
 `;
 

dotcom-rendering/src/components/Card/components/ImageWrapper.tsx

@@ -159,12 +159,14 @@ export const ImageWrapper = ({
 		imagePositionOnDesktop === 'left' || imagePositionOnDesktop === 'right';
 	const isHorizontalOnMobile =
 		imagePositionOnMobile === 'left' || imagePositionOnMobile === 'right';
+
 	return (
 		<div
 			css={[
 				(imageType === 'slideshow' ||
 					imageType === 'picture' ||
-					imageType === 'video') &&
+					imageType === 'video' ||
+					imageType === 'loop-video') &&
 					isHorizontalOnDesktop &&
 					flexBasisStyles({
 						imageSize,
@@ -182,7 +184,6 @@ export const ImageWrapper = ({
 						}
 					`,
 				isHorizontalOnMobile && fixImageWidth(imageFixedSizes),
-
 				isHorizontalOnDesktop &&
 					css`
 						${from.tablet} {