o-ratio object is used for flexible media embeds – such as videos,
slideshows, or even images – that need to retain a specific aspect ratio but
adapt to the width of their containing element.
By default -
img child elements
all adjust to the aspect ratio automatically and do not require a
If you’d like to place any other type of element, it will require the class
o-ratio-item, for example: