508 loop detected on collection with images

[EmberLightVFX]

On my webpage i have a portfolio collection on my front page, around 20 images.
I load them using

<div
    class="grid w-11/12 grid-cols-1 gap-4 m-auto mb-10 max-w-screen-2xl xl:w-4/5 xl:grid-cols-3 md:grid-cols-2 start-fadein">
    {{ collection:projects }}
    <div class="relative overflow-hidden rounded-md group">
        <a href="{{ url }}">
            <div
                class="absolute inset-0 transition-opacity duration-300 ease-in-out border-2 rounded-md opacity-0 image-overlay-border image-overlay-color group-hover:opacity-100">
            </div>
            <div
                class="absolute inset-0 flex items-center justify-center text-white transition duration-300 ease-in-out transform translate-y-2 opacity-0 group-hover:opacity-100 hover:translate-y-0">
                <div class="text-center">
                    <p class="mx-4 mb-0 text-2xl font-medium tracking-widest uppercase text">{{ title }}</p>
                    <p class="mb-0 text-md">{{ subtitle }}</p>
                </div>
            </div>
            <img src="{{ glide src=thumbnail width=500 }}" />
        </a>
    </div>

    {{ /collection:projects }}
</div>

but when I open the page only a couple of the images gets loaded, the others show that they didn't find the image.
Checking the logs I see 508 loop detected
If I refresh the page 1-2 times all images ends up being loaded. I'm guessing because of local caching.

I have tried to find any information on how to tackle this but didn't find anything.
Does anyone know what I can do to fix this?