{% load thumbnail %}
<div class="container-fluid home-instagram">
    <div class="row ">
        <div class="col-12 text-center align-content-center">
            <h1 class="text-info mt-5 mb-1"><i class="fa fa-hashtag"></i>GETHOOKED</h1>
        </div>
        <div class="col-12 text-center mb-5 strong d-flex align-items-center justify-content-center">
            <i class="fab fa-instagram text-primary"></i>&nbsp;@hook_coffee
        </div>
    </div>
    <div class="row">
        {% for image in instagram_images.all %}
            <div class="col-lg-3 col-md-6 col-6 no-gutters no-padding">
                {% thumbnail image.image "400x400" as image %}
                    <a href="{{ image.link }}" title="{{ image.title }}">
                        <div class="instagram-image" style="background-image: url('{{ image.url }}')"></div>
                    </a>
                {% endthumbnail %}
            </div>
        {% endfor %}
    </div>
</div>