{namespace media=Neos\Media\ViewHelpers}

<figure
    data-toubiz-social-grid-instagram-post
    class="h-64 w-full group">

    <a
        href="{f:if(condition: '{node.context.inBackend}', then: '#0', else: '{postUrl}')}"
        target="_blank"
        class="block h-full no-underline relative scrim-b-full">

        <img
            class="block w-full h-full object-cover group-hover:opacity-75 transition-opacity lazyload"
            alt="{response.title}"
            data-src="{media:uri.image(image: thumbnail, width: 500, height: 500)}"
        />

        <div class="absolute z-10 pin-t pin-r p-2">
            <svg
                class="c-icon text-white text-2xl"
                aria-hidden="true"
                focusable="false">

                <use xlink:href="#tb-social-grid-icon-instagram"></use>
            </svg>
        </div>
        <f:if condition="{postLocation}">
            <figcaption class="c-social-grid__location block absolute z-10 pb-2 pl-2 w-full pin-l pin-b text-white">
                <svg
                    class="c-icon text-lg"
                    aria-hidden="true"
                    focusable="false">

                    <use xlink:href="#tb-social-grid-icon-location" />
                </svg>
                {postLocation}
            </figcaption>
        </f:if>
    </a>
</figure>