fix grid alignment from leftCol + add comment to address low res images from main media component

Author: cemms1

dotcom-rendering/src/layouts/HostedArticleLayout.tsx

@@ -83,9 +83,16 @@ export const HostedArticleLayout = (props: WebProps | AppProps) => {
 							css`
 								overflow: hidden;
 								max-height: 400px;
+								${from.leftCol} {
+									${grid.between(
+										'left-column-start',
+										'right-column-end',
+									)}
+								}
 							`,
 						]}
 					>
+						{/** @fixme This is currently returning low resolution images */}
 						<MainMedia
 							format={format}
 							elements={article.mainMediaElements}