@props([
    'thumbnailUrl' => null,
    'alt' => '',
    'ratio' => 'aspect-[16/10]',
    'class' => '',
])

@if ($thumbnailUrl)
    <div class="{{ trim($ratio . ' ' . $class) }} overflow-hidden bg-surface">
        <img
            src="{{ $thumbnailUrl }}"
            alt="{{ $alt }}"
            class="h-full w-full object-cover transition-transform duration-300 ease-out group-hover:scale-[1.03]"
        >
    </div>
@endif