@props([
    'imageUrl' => '',
    'imageAlt' => '',
])

<div class="swiper-slide">
  <picture class="flex h-full max-h-[50vh] w-full" title="{!!$imageAlt . " - " . config('company.name')!!}">
    <img src="{{ $imageUrl }}" alt="{{ $imageAlt }}"
      class="w-full object-cover object-center shadow-[0px_14px_20px_-8px_rgba(0,0,0,0.2)]" loading="lazy" />
  </picture>
</div>