<div class="sidebar-widget">
<h4>Video Feed</h4>
<ul class="back-hero-bottom back-hero-bottom2 back-hero-rights back-hero-bottom-home3">
{% for content in collection %}
<li>
<div class="image-areas">
<a href="#">
<img src="{{ content.thumbnail|imagine_filter('thumbnail_small') }}" alt="{{ content.title }}">
<span class="play-btn"><i class="fa-solid fa-play"></i></span>
</a>
</div>
<div class="back-btm-content">
<a href="#" class="back-cates">Lifestyle</a>
<h3><a href="{{ path('video_show', {'slug':content.slug}) }}">{{ content.title }}</a></h3>
<ul class="back-meta">
<li class="back-date">
<span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>
{{ content.datePublished|date("j F Y")}}
</li>
</ul>
</div>
</li>
{% endfor %}
</ul>
</div>