Streaming live at 10am (PST)

Webflow causes wrong image size (srcset) to be used on CMS template page

The hero full-width image is loading as low-resolution on my CMS template page after publish. This seems to be because the wrong responsive image (srcset) is being loaded on the published site.

The html for the image looks like this.

<img loading="eager" 
src="https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w.jpg" alt="Kirstie + Ben" 
sizes="(max-width: 767px) 7vw, (max-width: 991px) 8vw, 12vw" 
srcset="https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-500.jpeg 500w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-800.jpeg 800w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-1080.jpeg 1080w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-1600.jpeg 1600w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-2000.jpeg 2000w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w-p-2600.jpeg 2600w, https://uploads-ssl.webflow.com/6053d0045c0620e28185a6b4/61b442ffdd897a4f4dadda6e_Kirstie-Ben_high-340_3200w.jpg 3200w" 
class="background_content is-portfolio-template">

As you can see, responsive image sizes from 500px to 3200px are being generated, but the browser is selecting the 500px wide image to show even on desktop.

I think the problem, is this bit of html: sizes="(max-width: 767px) 7vw, (max-width: 991px) 8vw, 12vw". For some reason, even though this image is typically 100vw, the webflow parser/compiler (?) is generating html to tell the browser to choose a size 7vw to 12vw.

This seems to be a bug with webflow.
Does anyone know if there is a workaround?


Here is my site Read-Only: https://preview.webflow.com/preview/patina-photo?utm_medium=preview_link&utm_source=dashboard&utm_content=patina-photo&preview=24762fc3ffbcacb1555c48097366ba0a&workflow=preview