<div{{ attributes }}>
    {% if image != null and image != "https://image.tmdb.org/t/p/w500" %}
        <a href="{{ path('app_search_result', {
            mediaType: mediaType,
            imdbId: imdbId
        }) }}">
            <img src="{{ preload(image) }}" class="w-full rounded-md" />
        </a>
    {% else %}
        <div class="w-full md:w-32 h-[144px] rounded-lg bg-gray-700 flex items-center justify-center">
            <twig:ux:icon width="16" name="hugeicons:loading-01" />
        </div>
    {% endif %}

    <a href="{{ path('app_search_result', {
        mediaType: mediaType,
        imdbId: imdbId
    }) }}">
        <h3 class="mt-2 text-center text-white md:text-md md:text-base md:max-w-[16ch]">{{ title }}</h3>
    </a>
</div>
