<div class="card h-full grid gap-5">
  <div class="image min-h-[430px] overflow-hidden h-full relative group">
    <div class="img group overflow-hidden min-w-[370px] min-h-85 h-full">
      {% if imageurl %}
        <img 
          src="{{ imageurl|escape }}" 
          class="w-full aspect-square overflow-hidden group-hover:scale-105 transition-transform duration-300 h-full object-cover"
          alt="{{ name|escape }}"
        >
      {% endif %}
    </div>
  </div>

  <div class="info gap-2 text-2xl flex justify-center items-start flex-col">
    {% if name %}
      <h2 class="font-medium text-xl">{{ name|escape }}</h2>
    {% endif %}
    {% if subtitle %}
      <div class="font-normal text-body text-sm">{{ subtitle|escape }}</div>
    {% endif %}
  </div>
</div>
