I have a collection page with a hero image. the image is a background image and comes from a collection item. At the moment, the same image that is loaded on desktops is loaded on mobile. of course, this is much too big and gives poor performance …
I have added more images to each collection item for mobile, tablet and small desktops. But it seems that I can only choose one that will be displayed on all breakpoints.
Is it possible to display another image from the same collection item on mobile (or just in any other breakpoint)?
Can I display different sized images (as background images) from a collection item depending on the breakpoint?