@props([
    'image' => [],
    'index' => 0,
    'className' => null,
])

{{-- Imagen de fondo completa cuando no hay video --}}
<picture class="absolute top-0 left-0 right-0 bottom-0 h-full w-full" title="{!!$image['alt'] ? $image['alt'] . " - " . config('company.name') : "Slide $index"!!}">
  <source srcset="{{ $image['desktop'] }}" media="(min-width: 768px)">
  <source srcset="{{ $image['mobile'] }}" media="(max-width: 767px)">
  <img src="{{ $image['mobile'] }}" alt="{{ $image['alt'] ?? "Slide $index" }}" @class([
      'absolute left-0 top-0 -z-10 h-full w-full object-cover object-center',
      $className,
  ]) decoding="async" fetchpriority="{{ $image['priority'] ?? 'auto' }}" loading="lazy">
</picture>