{% load wagtailimages_tags %}

<div class="my-4 w-52 h-60 px-2 pb-4 ">
    <div class="w-full h-full bg-[{{tile.tileBgColor}}]">
        <a href="{{tile.page.url}}">
            <div class="relative flex w-full h-full justify-center">
                <img src="{% if tile.image %}{{tile.image.file.url}}{% else %}{{tile.page.specific.search_image.file.url}}{% endif %}" alt="{{cat.title}}"
                    class="absolute relative h-36 w-36 mt-2">


            </div>

        </a>
    </div>
    <div class="flex grid text-center text-xl flex-wrap -mt-6 bg-white">
        <h1 class="font-bold">{{tile.label}}</h1>
        <h2>
            {% if tile.title %}
            {{tile.title}}
            {% else %}
            {{tile.page.title}}
            {% endif %}
        </h2>
    </div>
</div>