{% if item.image %}
<div id="lightgallery-{{window_id}}">
    <a href="{{item.image.url}}">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    {% comment %}
    <!-- gallery test -->
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    <a href="{{item.image.url}}"
       style="width:60px;display:inline-block;padding: 0.2em;">
        <img class='card-img-top' src="{{item.thumbnail.url}}">
    </a>
    {% endcomment %}
</div>
{% endif%}