{% for key,noticia in noticias.bloco1 %}
    {% if noticia.imagem.nome is not empty %}
        <article class="noticias-principais">
            <a href="{{ noticia.link }}" title="Leia a notícia completa">
                <div class="chapeu"> {{ noticia.chapeu }} </div>
                <div class="imagem-noticia"
                     style='background-image: url("{{ noticia.imagem.url }}")'>
                    {% if noticia.possuiVideo %}
                        <div class="play">
                            <i class="fas fa-play"></i>
                        </div>
                    {% endif %}
                </div>
                <div class="titulo-principal">
                    <h3>{{ noticia.titulo }}</h3>
                </div>
            </a>
        </article>
    {% else %}
        <article class="noticias-principais sem-imagem">
            <a href="{{ noticia.link }}">
                <div class="chapeu"> {{ noticia.chapeu }} </div>
                <div class="titulo-com-chamada">
                    <div class="titulo-principal">
                        <h3>{{ noticia.titulo }}</h3>
                    </div>
                    <div class="chamada">{{ noticia.chamada }}</div>
                </div>
                <div class="hora">
                    {{ noticia.data.tempoPassado | upper }}
                </div>
            </a>
        </article>
    {% endif %}
{% endfor %}