Responsive images add the 'srcset' attribute to the 'img' tag which can then provide a variety of image resolutions, both in density and pixel size.

Should u-* on an img tag pay attention to the srcset attribute, and if so, how?

Summary of srcset here https://indieweb.org/srcset