Restore behaviour for old containers

Author: domlander

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

@@ -228,9 +228,40 @@ const HorizontalDivider = () => (
 );
 
 const podcastImageStyles = (
+	imageSize: MediaSizeType,
+	isBetaContainer: boolean,
 	fixImageWidth: boolean,
 	imagePositionOnDesktop: MediaPositionType,
 ) => {
+	if (!isBetaContainer) {
+		switch (imageSize) {
+			case 'small':
+				return css`
+					width: 69px;
+					height: 69px;
+					${from.tablet} {
+						width: 98px;
+						height: 98px;
+					}
+				`;
+
+			case 'medium':
+				return css`
+					width: 98px;
+					height: 98px;
+					${from.tablet} {
+						width: 120px;
+						height: 120px;
+					}
+				`;
+			default:
+				return css`
+					width: 120px;
+					height: 120px;
+				`;
+		}
+	}
+
 	if (fixImageWidth) {
 		return css`
 			width: 69px;
@@ -912,9 +943,8 @@ export const Card = ({
 						mediaPositionOnMobile={mediaPositionOnMobile}
 						fixImageWidth={
 							fixImageWidth ??
-							(!isBetaContainer &&
-								(mediaPositionOnMobile === 'left' ||
-									mediaPositionOnMobile === 'right'))
+							(mediaPositionOnMobile === 'left' ||
+								mediaPositionOnMobile === 'right')
 						}
 						hideImageOverlay={media.type === 'slideshow'}
 						padMedia={isMediaCardOrNewsletter && isBetaContainer}
@@ -1126,6 +1156,8 @@ export const Card = ({
 								{media.podcastImage?.src && !showKickerImage ? (
 									<div
 										css={podcastImageStyles(
+											mediaSize,
+											isBetaContainer,
 											!!fixImageWidth,
 											mediaPositionOnDesktop,
 										)}