Sourceset Responsive Image Problems

Design help General
1

So I’ve enabled responsive images, and webflow output images:
img_large_picture-p-800.jpg
img_large_picture-p-500.jpg
img_large-picture-p-130x130q80.jpg

Yet, I do not see the p-130x130q80.jpg in the code.

Can someone explain how this works? I don’t understand how the p-130 image can show up. Does this work only for webflow hosted sites?

Also, I can never see the smaller images being substituted on the screen. In testing, I’ve changed the content of the smaller images, but they never seem to show up.

https://preview.webflow.com/preview/kirks-fantastic-test?utm_medium=preview_link&utm_source=designer&utm_content=kirks-fantastic-test&preview=43f334fe1d7e9a373434a0fab7f4157d&workflow=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

please share your read-only link: