<div class="carousel-inner relative w-full overflow-hidden"  style=" width:100%; height: 500px !important;">
            {% for item in tag|get_banner %}
                {% if forloop.counter == 1 %}
                    <div class="carousel-item active float-left w-full">
                        {% if item.is_mobile %}
                            {% comment %} banner mobile {% endcomment %}
                            <img src="{{ item.photo.url }}" style="height: 50%;" class="block w-full" alt="Wild Landscape" />
                        {% else %}
                            {% comment %} banner dekstop {% endcomment %}
                            <img src="{{ item.photo.url }}" style="height: 50%;" class="block w-full" alt="Wild Landscape" />
                        {% endif %}

                    </div>
                {% else %}
                <div class="carousel-item float-left w-full">
                    <img src="{{ item.photo.url }}" class="block w-full" alt="Wild Landscape" />
                </div>
                {% endif %}
            {% endfor %}
        </div>