Dont show card grey bonding box when no image

Author: domlander

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

@@ -1714,3 +1714,51 @@ export const WithAVerticalGapWhenScrollableSmallContainer = () => {
 		</>
 	);
 };
+
+export const WithBetaContainerAndSublinks = () => {
+	return (
+		<CardGroup>
+			{/* With an image */}
+			<CardWrapper>
+				<Card
+					{...basicCardProps}
+					image={undefined}
+					containerType="flexible/general"
+					imagePositionOnMobile="bottom"
+					supportingContent={[
+						{
+							...aBasicLink,
+							headline: 'Headline 1',
+							kickerText: 'Kicker',
+						},
+						{
+							...aBasicLink,
+							headline: 'Headline 2',
+							kickerText: 'Kicker',
+						},
+					]}
+				/>
+			</CardWrapper>
+			{/* Without an image */}
+			<CardWrapper>
+				<Card
+					{...basicCardProps}
+					containerType="flexible/general"
+					imagePositionOnMobile="bottom"
+					supportingContent={[
+						{
+							...aBasicLink,
+							headline: 'Headline 1',
+							kickerText: 'Kicker',
+						},
+						{
+							...aBasicLink,
+							headline: 'Headline 2',
+							kickerText: 'Kicker',
+						},
+					]}
+				/>
+			</CardWrapper>
+		</CardGroup>
+	);
+};

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

@@ -693,7 +693,9 @@ export const Card = ({
 				isDynamo={isDynamo}
 				fillBackgroundOnMobile={
 					!!isFlexSplash ||
-					(isBetaContainer && imagePositionOnMobile === 'bottom')
+					(isBetaContainer &&
+						!!image &&
+						imagePositionOnMobile === 'bottom')
 				}
 			/>
 		);