<a href="#" class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue">
<div class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]">
<img class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105" src="https://picsum.photos/id/84/340/230" alt="" />
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
Desidero pecto
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
Debeo vehemens deporto clam
</h1>
<p class="mb-5 font-talke-regular text-lg">
Tabella vehemens dolores summisse verumtamen adhaero quas theologus quisquam vergo acquiro solum voveo sordeo utilis arbor celebrer addo censura nesciunt.
</p>
</div>
<div class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit">
Antepono
</div>
</div>
</a>
<a
href="#"
class="group relative flex flex-col overflow-hidden rounded bg-talke-blue bg-white text-talke-blue"
>
<div
class="relative w-full overflow-hidden pb-[calc(100%_/_340_*_230)]"
>
<img
class="absolute inset-0 h-auto w-full scale-100 transition-transform duration-500 ease-in-out group-hover:scale-105"
src="https://picsum.photos/id/{{imageId}}/340/230"
alt=""
/>
</div>
<div class="relative -mt-1 flex flex-grow flex-col justify-between rounded bg-white p-5">
<div>
<h2 class="mb-3 font-talke-semibold text-lg">
{{headlineSmall}}
</h2>
<h1 class="mb-2 font-talke-semibold text-2xl uppercase">
{{headlineLarge}}
</h1>
<p class="mb-5 font-talke-regular text-lg">
{{bodyText}}
</p>
</div>
<div
class="font-talke-semibold text-lg underline decoration-transparent transition-colors duration-500 group-hover:decoration-inherit"
>
{{linkText}}
</div>
</div>
</a>
{
"imageId": 84,
"headlineSmall": "Desidero pecto",
"headlineLarge": "Debeo vehemens deporto clam",
"bodyText": "Tabella vehemens dolores summisse verumtamen adhaero quas theologus quisquam vergo acquiro solum voveo sordeo utilis arbor celebrer addo censura nesciunt.",
"linkText": "Antepono"
}
No notes defined.