Banner images: duplication and cropping issues

[RisingOrange]

Problem

All 5 posts that use the image: frontmatter field have the same image duplicated in the markdown body, so it shows twice on the page.

Additionally, now that #658 has landed, square/near-square images (india-summit-logo.png, 4levels.png) are cropped by max-height: 400px; object-fit: cover.

Duplication examples

Page	Screenshot
/if-anyone-builds-it-campaign
/amsterdam-protest-2025-december

Cropping examples

Page	Result
/4-levels-of-ai-regulation (near-square)
/india-summit-2026 (square)

Affected posts

• /india-summit-2026 — square image, cropped + duplicated
• /4-levels-of-ai-regulation — near-square image, cropped + duplicated
• /brussels-ep-protest-2026 — landscape, duplicated
• /if-anyone-builds-it-campaign — landscape, duplicated
• /amsterdam-protest-2025-december — landscape, duplicated

Options to consider

• Remove duplicate inline images from the markdown body (keep banner only)
• Decouple image: (used for OG/social meta) from banner display (e.g. add a separate banner: frontmatter field)
• For square images: either avoid using them as banners, or handle the aspect ratio differently

[Wituareard]

I like option two, but I'll remove the image from the markdown body for now, thanks

[RisingOrange]

@Wituareard Sounds good! Only issue I see is that some pages will then have just a cropped image (from the banner), for example the /4-levels-of-ai-regulation one.

Edit: This will currently affect exactly /india-summit-2026 and /4-levels-of-ai-regulation if the duplicate images from the body are removed from them