Check the loaded image using the currentSrc
property in Chrome Developer Tool, under the Properties tab.
One-third width images
Use the first row of Image blocks as reference.




Cards Collection

three columns

in a row

- Card Elements Stacking: Horizontal Reverse
- Block Width: Full
- Content Width relative to Media Area: 70
Quarter width images
Use the first row of Image blocks as reference.





Cards Collection

four columns

in a

row

- Card Elements Stacking: Horizontal Reverse
- Block Width: Full
- Content Width relative to Media Area: 75
Full-width images
Use the Image block as reference.

Card Elements Stacking: Vertical

Card Elements Stacking: Stacked (eg. Hero)
