@props(['title', 'description', 'icon', 'delay' => 0])

<div class="fade-in" style="transition-delay: {{ $delay }}s;">
    <div class="size-16 sm:size-20 mx-auto feature-icon">
        <img src="{{ asset($icon) }}" class="svg" alt="Icon für {{ $title }}" width="80" height="80">
    </div>
    <div class="text_head text-center mt-6 sm:mt-8">{{ $title }}</div>
    <div class="text_normal text-center mt-4 sm:mt-8">
        <p>{{ $description }}</p>
    </div>
</div>