Image srcset

[slow junco]

I'm trying to generate multiple size images with

<Image
                  src={Screenshot}
                  class="w-full rounded-md shadow-xl ring-1 ring-black ring-opacity-5 lg:h-full lg:w-auto lg:max-w-none"
                  widths={[500, 720]}
                  sizes={`(max-width: 768px) 500px, 720px`}
                />
``` but the resulting images have the same size. Here a the sample https://deploy-preview-1--landing-skedr.netlify.app ( it's the main image from the header ). What I'm doing wrong?

[autumn spoke]

Seems to be working on that page? On desktop, it loads 720 size, on resized window (and refresh page), it loads 500

[slow junco]

@autumn spoke I'll have to check how to see which image is loading. I don't see it from the dev tools