Blurry images on the site

Example - hero image Sharpist Match³ - The fastest and most precise technology for perfect coach matches
It originally has 3x resolution, and looks sharp in the designer. Also looks sharp if I disable responsiveness, but I don’t want to do it as image is very big and will load slowly on mobile. No other options helped. So how to make it sharp without disabling responsiveness? Other images on the site that was added previously looks sharp, but new ones (since at least yesterday)
are now all blurry! Some kind of a Webflow bug?

https://preview.webflow.com/preview/sharpist-website?utm_medium=preview_link&utm_source=designer&utm_content=sharpist-website&preview=7826937a9b6f26d266fb85a8219530c7&pageId=6581ade8d84d13e14f625f52&workflow=preview

Again!!!
Turnkey solutions -
Hero image has this stuff in the “sizes”: (max-width: 479px) 31.306249618530273px, (max-width: 767px) 7vw, (max-width: 991px) 3vw, 4vw

Image took at least 40 of the screen, why it is marked like 4vw?? Why it creates such impoper sizes?