Handle author/artist avatars

Author: frederickobrien

dotcom-rendering/src/components/ArticleHeadline.tsx

@@ -874,10 +874,15 @@ export const ArticleHeadline = ({
 				case ArticleDesign.Picture:
 					return (
 						<div
-							css={decideBottomPadding({
-								format,
-								hasAvatar,
-							})}
+							css={[
+								decideBottomPadding({
+									format,
+									hasAvatar,
+								}),
+								css`
+									max-width: 620px;
+								`,
+							]}
 						>
 							<DesignTag format={format} />
 							<h1

dotcom-rendering/src/layouts/lib/articleArrangements.ts

@@ -158,6 +158,7 @@ const pictureCss: LayoutCssMap = {
 	headline: {
 		mobile: 'grid-row: 2;',
 		tablet: 'grid-row: 2;',
+		desktop: `grid-row: 2; ${grid.between('centre-column-start', 'right-column-end')};`,
 		leftCol: 'grid-row: 1;',
 	},
 	standfirst: {