Components:

BI Version 1.1

Media

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

Feature image

media-component

bg-colour-bi2-5

Container large

Image ratio 16:9

The reason we use lorem ipsum is simple

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

Feature video

media-component

bg-colour-bi2-5

Container large

Video ratio 16:9

The reason we use lorem ipsum is simple

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

Feature lightbox

media-component

bg-colour-bi2-5

Container large

Lightbox ratio 16:9

The reason we use lorem ipsum is simple

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

Body image

media-component

Image ratio 16:9

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

The reason we use lorem ipsum is simple

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

media-component

Video ratio 16:9

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

The reason we use lorem ipsum is simple

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

media-component

Lightbox ratio 16:9

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

The reason we use lorem ipsum is simple

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

media-component

Lightbox ratio 16:9

The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page. The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.

The reason we use lorem ipsum is simple

Media caption lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.

If we used real text, it would possibly distract from the design of a page.The reason we use lorem ipsum is simple. If we used real text, it would possibly distract from the design of a page.