Add (lqip)

resources/views/front/post.blade.php

@@ -31,7 +31,15 @@
                             <h2 class="h5">{{ $post->excerpt }}</h2>
                         </div>
                         <div class="mb-3">
-                            <img src="{{ $post->featured_image }}" alt="Photo of {{ $post->name }}" class="img-fluid rounded-3">
+                                                <div class="img-fluid rounded-start ratio ratio-16x9">
+<div class="lqip-loader">
+  <!-- Use the LQIP image with the appropriate URL -->
+  <img class="img-fluid rounded-2" src="{{ $post->featured_image }}" alt="Photo of {{ $post->name }}">
+  
+  <!-- Use the final JPEG image with the appropriate URL -->
+  <img class="lqip-frozen img-fluid rounded-2" src="{{ $post->featured_image_lqip }}" alt="Placeholder image of {{ $post->name }}">
+</div>
+                                                </div>
                         </div>
                         <div class="mb-3">
                             {!! $post->html_body !!}