Cp Rich Media Atom Edit 

<div class="rich-media-atom" data-module="richMediaAtom">
    <div class="rich-media-atom__inner">
        <div class="rich-media-atom__image">
            <figure class="image js-image  " data-module="imagelazy" data-is-small-image="">
                <img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
                <picture class="image__container">
                    <img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
                </picture>
            </figure>
        </div>
        <div class="rich-media-atom__image-overlay"></div>
        <div class="rich-media-atom__content">
            <p class="rich-media-atom__title"></p>
            <p class="rich-media-atom__subtitle"></p>
        </div>
        <div class="rich-media-atom__button">
            <div class="rich-media-atom__icon rich-media-atom__icon--play"></div>
        </div>
    </div>
    <div class="rich-media-atom__modal">
        <div class="rich-media-atom__modal-inner">
            <a href="#" class="rich-media-atom__modal-close "></a>
            <div class="video" data-module="video" data-autoplay="" data-hide-controls="" data-loop="" data-muted="">
                <template class="js-small-video-template">
                    <div class="js-video-container video__container">
                        <video controls playsinline class="video__player js-video-player">
                        </video>
                    </div>
                </template>
                <template class="js-medium-video-template">
                    <div class="js-video-container video__container">
                        <video controls playsinline class="video__player js-video-player">
                        </video>
                    </div>
                </template>
                <div class="js-video-container video__container"></div>
            </div>
        </div>
    </div>
</div>
 
{{{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}}}
 
/* No context defined for this component. */

There are no notes for this item.