Responsive images in carousel are not displaying well

[faxunil]

Dear All,

I can not understand, and solve following problem. Spatie with generated responsive images work fine if I only have to display one image.

{{ $image->img('default', [
                                                   'class'=>"block w-full",
                                                   'loading'=>'lazy',
                                               ]) }}

But If I'm using that is a slider then the responsive image is not displaying the max size only the smallest and looks very bad with low res oicture in the high-res dimension.

I'm now using https://tailwind-elements.com/docs/standard/components/carousel/ for displayin the carousel.

@foreach($images as $image)
                    <div class="carousel-item active  @if($loop->first) active @endif  relative float-left w-full">
                        <div class="w-full">
                            {{ $image->img('default', [
                                                   'class'=>"block w-full",
                                                   'loading'=>'lazy',
                                               ]) }}
                        </div>
                        <div class="carousel-caption hidden md:block absolute text-center">
                            <h5 class="text-xl">First slide label</h5>
                            <p>Some representative placeholder content for the first slide.</p>
                        </div>
                    </div>
                @endforeach

Thanks

Gergely

[Saifallak]

any solution so far?