{% if programsHala is defined %}
    <div class="left-section desktop mobile">
        <a  href="{{ programsHala[i].videos[0].getURL() }}" title="{{ programsHala[i].name }}"> 
            <img alt="{{ programsHala[i].name }}" class="bravo" src="{{ programsHala[i].videos[0].getDisplayedMobileImage() }}">
            <button type="button" class="default-btn">
                <div class="play"></div>
            </button>
        {% if programsHala[i].videos[0].tagLine %}
        <div class="bottom-text">
            {{ programsHala[i].videos[0].tagLine }}
        </div>
        {% else %}
            <div class="bottom-text">
            {{ programsHala[i].videos[0].title }}
        </div>
        {% endif %}
        </a>
    </div>
{% endif %}