Problem with loop and slidesPerView="auto"

[sandros94]

I'm scratching my head around this. #6559 and nuxt-swiper#51

I wanted to test a swiper with varying images width, each with width: fit-content;

Here is a stackblitz reproduction.

nolimits4web replied here with:

because these CSS rules:

swiper-slide:nth-child(2n) {
     width: 40%;
}
swiper-slide:nth-child(3n) {
     width: 20%;
}

won't work for loop mode because slides are rearranged in DOM, specify widths explicitly for slides

But since I'm not defining a fixed width for each one (because I cannot know what it will be before loading each image) should I not be able to do so?
Or am I missing something?