Media(Basic)

The Media(Basic) block is a flexible block for simply adding image media to the page. It allows users to embed images of varying sizes. Large images are displayed in the page with a maximum width equal to that of their parent section. (On this page that is 1040px.) Images are also given a border-radius value of 20px which rounds their corners.

Large Example Image with dimensions
Medium Example Image (650px x 650px)

When Images are smaller than the max width of their parent container they can be aligned to either side or centered.

Small Example Image

2 column use

When used in a 2 column section, maximum image width on large screens is 470px but on some screens between tablet and desktop the images may need to be up to 822px wide.

Large Example Image with dimensions