<div class="resource-centre-result-card w-full h-full flex flex-col justify-start items-start border-t sm:border-0 border-solid border-mintyy-gray-iii">
    <div class="padding-wrapper w-full h-full p-6 sm:p-0 flex flex-col justify-between items-start">
        <div class="top-wrapper w-full flex flex-col justify-start items-start">
            <div class="thumbnail-wrapper w-full relative flex flex-col justify-start items-start bg-mintyy-gray-ii">
                <a href="{{ result.uri }}" class="image-wrapper w-full rounded-lg overflow-hidden">
                    <span class="sr-only">Click to visit the {{ result.title }} resource</span>
                    <div class="aspect-wrapper w-full aspect-w-4 aspect-h-3 lg:aspect-w-19 lg:aspect-h-10 pointer-events-none">
                        {% if result.seoFacebookThumbnail.one() | length %}
                            {% for image in result.seoFacebookThumbnail.all() %}
                                {% include themeDir ~ '/_includes/_modules/_optimized-image.twig' with
                                    {
                                        'alt': result.seoFacebookThumbnail.alt | length ? result.seoFacebookThumbnail.alt : '',
                                        'containerStyles': '!absolute',
                                        'imgStyles': '!w-full !h-full !object-cover !object-center'
                                    }
                                %}
                            {% endfor %}
                        {% else %}
                            <img src="" data-src="{{ staticImagesUrl }}webp/search-thumbnail-backup.jpg.webp" alt="A photo of a living room and kitchen, all accessible to a wheelchair user." class="w-full h-full object-cover object-center lazyload" />
                        {% endif %}
                    </div>
                </a>
                {% if result.resourceCategory.one() | length %}
                    <div class="result-type absolute px-6 pt-2 pb-[0.675rem] left-2 lg:left-4 top-2 lg:top-4 bg-white-primary rounded-full">
                        <span class="font-body text-sm lg:text-base">
                            {{ result.resourceCategory.one().title }}
                        </span>
                    </div>
                {% endif %}
            </div>
            <div class="content-wrapper w-full flex flex-col justify-start items-start mt-6 lg:mt-8">
                <h3 class="font-body text-brand-terracotta-aa font-bold text-2xl">
                    {{ result.title }}
                </h3>
                {% if result.description | length %}
                    <div class="description wysiwyg prose max-w-none mt-3 lg:mt-4">
                        {{ result.description }}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="bottom-wrapper w-full flex flex-col justify-start items-start mt-4 sm:mt-6">
            {% include themeDir ~ '/_includes/_modules/_button' with {
                'buttonType': 'internal-link',
                'buttonText': 'Keep Reading',
                'href': result.uri,
                'title': 'Keep Reading',
                'theme': 'primary',
                'addCustomClasses': 'mt-4'
            } %}
        </div>
    </div>
</div>