{{{customeditframe.editframeStart}}}
<div class="rich-media-atom" data-module="richMediaAtom">
    <div class="rich-media-atom__inner">
        <div class="rich-media-atom__image">
             {{> @cp-medium-image backgroundResponsiveImage}}
        </div>
        <div class="rich-media-atom__image-overlay"></div>
        <div class="rich-media-atom__content">
            <p class="rich-media-atom__title">{{{title}}}</p>
            <p class="rich-media-atom__subtitle">{{{subtitle}}}</p>
        </div>
        <div class="rich-media-atom__button">
            <div class="rich-media-atom__icon{{#unless is360Video}} rich-media-atom__icon--play{{/unless}}"></div>
        </div>
    </div>
        <div class="rich-media-atom__modal">
            <div class="rich-media-atom__modal-inner">
                <a href="#" class="rich-media-atom__modal-close {{#if fullVideo.isYouTube}} rich-media-atom__modal-close--youtube{{/if}}"></a>
                {{> @cp-medium-video fullVideo}}
            </div>
        </div>
</div>
{{{customeditframe.editframeStop}}}