<div {% if type != 'youtube' %}js-video-player-overlay{% endif %} js-portrait-video-modal-overflay class="video__overlay flex lazyload" {% if poster is defined and poster is not null %}data-bg="{{ cloudinary_media(poster, 'w_1216,f_auto,q_auto') }}"{% endif %}> <div class="absolute left-0 bottom-2 lg:bottom-6 flex flex-nowrap items-center w-full"> <button class="relative lty-playbtn video__play flex items-center justify-end shrink-0 mr-2 lg:mr-6"> <span class="sr-only">Play video</span> <svg width="30" height="30" class="icon mr-7"> <use href="#icon-play" xlink:href="#icon-play"/> </svg> </button> <div class="lg:w-1/2"> <h3 class="title title--M text-white pr-2"> {% if title is defined and title is not null %} {{ title }} {% endif %} </h3> {% if description is defined and description is not null %} <div class="description paragraph--S text-white mt-4 pr-2">{{ description|raw }}</div> {% endif %} </div> </div></div>