Cp Weather Slide 

<div class="weather-slide" data-tab-id="">
    <div class="weather-slide__background">
        <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>
        <p class="weather-slide__text-overlay"></p>
    </div>
    <div class="weather-slide__inner">
        <div class="grid-container">
            <div class="grid-x">
                <div class="weather-slide__content cell medium-8 medium-offset-2">
                    <p class="weather-slide__title"></p>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="weather-slide{{#if @first}} is-active{{/if}}" data-tab-id="{{id}}">
    <div class="weather-slide__background">
        {{#if fullVideo}}
            {{> @cp-medium-video doNotInitialise=true isYouTube=fullVideo.isYouTube isYouku=fullVideo.isYouku video=fullVideo.video autoplay=false hideControls=true loop=true muted=true }}
        {{else}}
            {{> @cp-medium-image backgroundResponsiveImage}}
        {{/if}}
        <p class="weather-slide__text-overlay">{{textOverlay}}</p>
    </div>
    <div class="weather-slide__inner">
        <div class="grid-container">
            <div class="grid-x">
                <div class="weather-slide__content cell medium-8 medium-offset-2">
                    {{#if quoteHeading}}
                        <p class="weather-slide__quote-heading">{{quoteHeading}}</p>
                    {{/if}}
                    {{#if quote}}
                        <div class="weather-slide__quote-container">
                            {{> @cp-text-quote quote}}
                        </div>
                    {{/if}}
                    <p class="weather-slide__title">{{title}}</p>
                    {{#if subtitle}}
                        <p class="weather-slide__subtitle">{{subtitle}}</p>
                    {{/if}}
                    {{#if locationName}}
                        <p class="weather-slide__location">{{locationName}}</p>
                    {{/if}}
                </div>
            </div>
        </div>
    </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.