@if (!empty($content))
    <section class="relative h-[30vh] min-h-[220px] overflow-hidden">
        <x-web-picture
            src="{{ theme_image_url($content['image'] ?? '') }}"
            alt="{{ $content['image_alt'] ?? 'Dekoratives Bild' }}"
            class="absolute inset-0 w-full h-full object-cover" />
        <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/30 to-black/10"></div>
        @if (isset($content['quote']))
            <div class="absolute inset-0 flex items-end justify-center pb-12 px-6">
                <div class="text-center slide-up delay-300">
                    <p class="text-xl lg:text-2xl font-medium text-white italic max-w-2xl leading-relaxed">
                        "{{ $content['quote'] }}"
                    </p>
                    @if (isset($content['author']))
                        <p class="text-sm text-white/70 mt-3">– {{ $content['author'] }}</p>
                    @endif
                </div>
            </div>
        @endif
    </section>
@endif