<a
href="{{ url }}"
class="
flex gap-2 min-w-[calc(100vw_-_2.5rem)] duration-150 group !no-underline
hover:scale-110
lg:min-w-[24rem]
"
>
<img
class="w-3/5 shrink-0"
src="{{ image_source }}"
>
<div class="flex flex-col justify-end">
<h3
class="head-4xl group-hover:underline underline-offset-3"
>{{ name }}</h3>
<p class="!no-underline">
{{ position }}
</p>
</div>
</a>
context:
image_source: '../../../../../static/images/mikulas-arrow.png'
name: 'Mikuláš Peksa'
position: 'Europoslanec'
url: '#'