Above we can see the two options for a lead image or lead video. The meta information can be added, setting the project number, and highlight colour. Below you can see examples of each of the possible block sizes for media. These can either me images or background image components. Here is also an example of a Link Style.

Above we can see the two options for a lead image or lead video. The meta information can be added, setting the project number, and highlight colour. Below you can see examples of each of the possible block sizes for media. These can either me images or background image components. Here is also an example of a Link Style.

The default media width is one column of 5. Additional widths are added by adding classes width_1 adds one move column, width_4 adds 4 more, to make 5 in total and effectively go full width. It is then possible to specify the column your block starts in. Again column 1 is the default, and adding a class of pos_1 adds one column to that and puts it into the second column. Finally vertical space can be added, with the default being a small space above the item, but classes adding more margin above the item. Adding the space_2 class adds 240px above when on desktop, space_3 is 720px, space_1 is 80px above the element with the class on. Below are examples of full width banners, with both video and image and different framing modes.