<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>