Description
While testing the Main Page Customization feature, we noticed a layout issue when an image's height in a template on the wiki exceeds the height of its parent container. In such cases, the image overflows outside the container and affects the positioning of subsequent content blocks, causing the columns below to become misaligned.
Steps to replicate the issue (include links if applicable):
Observe the image on the featured image section on the homepage of the Tyap Wikipedia. Also see attached screenshot in the task description.
What happens?:
The image overflows beyond the bounds of the container, causing the column elements in the following section to shift and become misaligned.
What should have happened instead?:
The image should remain contained within its parent element (or the container should expand appropriately), and the layout of subsequent sections should remain aligned.
Other information (browser name/version, screenshots, etc.):
