diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index fe45678..45fff50 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -20,7 +20,7 @@
     <div class="hero__slider">
         @foreach ($hero as $slider)
             <div class="movie-slide"{{--  data-bg="{{ $slider['backdrop'] }}" --}} >
-                <img style="object-fit: cover; object-position: center; z-index:-1;position:absolute; width: 100%; height:100%; pointer-events: none;" alt="{{ __($slider['title']) }} image" {{-- class="lazy" --}} src="{{ $slider['backdrop'] }}" width="780" height="439" srcz="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" @if(!$loop->first) loading="lazy" @endif($loop->first)>
+                <img style="object-fit: cover; object-position: center; z-index:-1;position:absolute; width: 100%; height:100%; pointer-events: none;" alt="{{ __($slider['title']) }} image" {{-- class="lazy" --}} data-lazy="{{ $slider['backdrop'] }}" width="780" height="439" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
                 <div class="movie-slide__content">
                     <h2 class="movie-name" data-animation="fadeInUp" data-delay=".2s">{{ __($slider['title']) }}</h2>
                     <ul class="movie-meta justify-content-lg-start justify-content-center" data-animation="fadeInUp" data-delay=".4s">
@@ -69,6 +69,6 @@
 
 @section('footer')
 {{-- <script type="module" src="{{ asset('js/vendor/slick.min.js') }}"></script> --}}
-<script async src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 @vite(['resources/js/home.js'])
 @endsection