fix image distortion

resources/views/components/ui/image-hero.blade.php

@@ -2,5 +2,5 @@
 
 <div class="{{twMerge(['relative','w-full','h-96','flex','items-center','justify-center','bg-cover','bg-center','rounded-3xl','overflow-hidden'], $attributes->get('class'))}}">
     <div class="blur bg-cover bg-center absolute top-0 left-0 w-full h-full opacity-50" style="background-image: url('{{ $image }}?lg')"></div>
-    <img src="{{ $image }}?lg" class="h-full z-0" />
+    <img src="{{ $image }}?lg" class="h-full z-0 object-cover" />
 </div>