{#

Element ID: Element10
Element Name: Video with logo

#}

<section id="{{ element.html_id  }}" class="hero-video {{ element.text_centered ? "centered" : '' }} ">
    <div class="container">
        <div class="hero-video__img-wrap">
            <picture>
                <source srcset="{{ TimberImage(element.cover_image).src('19x6_large') }}" media="(min-width: 620px)">
                <img class="hero-course__img" src="{{ TimberImage( element.cover_image ).src('82x46_large') }}" alt="{{ element.cover_image.alt }}" />
            </picture>
        </div>
        <div class="card__watch" >
            <div class="card__icon card__watch video-trigger" data-video-link="{{ element.video.url }}" onClick="gtag('event', 'play_video', { 'event_category' : 'Play Success video', 'event_label' : 'success video: {{ element.video.title }}' });">
                <svg class="icon-play"><use xlink:href="{{ site.theme.link  }}/frontend/icons/icons.svg#icon-play"></use></svg>
            </div>
        </div>
        <div class="hero-video__content">
            <img class="logo__img" src="{{ TimberImage( element.logo ) }}" alt="{{ element.logo.alt }}" />
        </div>

    </div>
</section>