The screenshots attached here render the same four changes – screenshots only, no media at all, video only, and screenshots plus a video – through the old and the new grid layout.
VAR1 is implemented in a list of changes: the title comes first so the media below it can only be read as illustrating the change it sits in. Each change is also enclosed in a card, which addresses the second half of the report ("more spacing or visual separation of changes"): with a boundary drawn, two adjacent changes cannot blur into each other when one is much longer than the other.
On a change's own page the order is VAR2 instead (summary, description, then the media). There the page title is the change title, so nothing can be misattributed, and the reader wants to read what the change is before seeing it.
Two behaviours are deliberately kept from the previous grid:
A card still shows a single medium – the screenshots when there are any, the video only when there are none. Stacking a video under a gallery made that card half again as tall as its neighbour.
The no_image_thumb.png placeholder is gone, because it only ever served to give every cell of a Bootstrap row the same height and the new layout has no row to align.
