Media

Ability to render images and video. Support for different ratios, such as wide or square.

<div class="media media--square">
        <div class="media__content">
            <img src="http://picsum.photos/400/225" alt="" title="" />
        </div>
    </div>
{{#if media.video}}
    {{ render '@media--video' this merge=true }}
{{else}}
    <div class="{{modifier _self.baseHandle media.modifiers}}">
        <div class="media__content">
            <img src="{{ media.src }}" alt="" title="" />
        </div>
    </div>
{{/if}}