From 749bb689e42ae4e2eb3093846d2a3381e8893ebb Mon Sep 17 00:00:00 2001
From: Dominik Lander <dominik.lander@guardian.co.uk>
Date: Fri, 13 Dec 2024 12:06:55 +0000
Subject: [PATCH] Fix images in onwards content test

---
 .../src/components/BigSixOnwardsContent.tsx       | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/dotcom-rendering/src/components/BigSixOnwardsContent.tsx b/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
index 59b36a6b0e..b26ad0cd33 100644
--- a/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
+++ b/dotcom-rendering/src/components/BigSixOnwardsContent.tsx
@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { from, headlineBold24, space } from '@guardian/source/foundations';
 import { decideFormat } from '../lib/articleFormat';
+import { getSourceImageUrl } from '../lib/getSourceImageUrl_temp_fix';
 import { useApi } from '../lib/useApi';
 import { palette } from '../palette';
 import type { DCRFrontCard } from '../types/front';
@@ -25,6 +26,8 @@ const containerStyles = css`
 
 	${from.leftCol} {
 		flex-direction: row;
+	}
+	${from.wide} {
 		padding-right: 80px;
 	}
 `;
@@ -57,7 +60,11 @@ const convertFETrailToDcrTrail = (
 		format: decideFormat(trail.format),
 		headline: trail.headline,
 		image: {
-			src: trail.masterImage ?? '',
+			src: trail.masterImage
+				? trail.masterImage
+				: trail.image
+				? getSourceImageUrl(trail.image)
+				: '',
 			altText: trail.linkText ?? '',
 		},
 		isExternalLink: false,
@@ -126,7 +133,7 @@ export const BigSixOnwardsContent = ({ url, discussionApiUrl }: Props) => {
 								imagePositionOnDesktop="right"
 								imagePositionOnMobile="top"
 								imageSize="large"
-								imageLoading="lazy"
+								imageLoading="eager"
 								linkTo={trail.url}
 								format={trail.format}
 								headlineText={trail.headline}
@@ -153,7 +160,7 @@ export const BigSixOnwardsContent = ({ url, discussionApiUrl }: Props) => {
 								imagePositionOnDesktop="top"
 								imagePositionOnMobile="left"
 								imageSize="small"
-								imageLoading="lazy"
+								imageLoading="eager"
 								linkTo={trail.url}
 								format={trail.format}
 								headlineText={trail.headline}
@@ -186,7 +193,7 @@ export const BigSixOnwardsContent = ({ url, discussionApiUrl }: Props) => {
 									imagePositionOnDesktop="top"
 									imagePositionOnMobile="left"
 									imageSize="small"
-									imageLoading="lazy"
+									imageLoading="eager"
 									linkTo={trail.url}
 									format={trail.format}
 									headlineText={trail.headline}