How to have different images for phone and desktop
Here is a simple solution:
Add two identical components to your page (with different images)
Set different visibility settings for each of them

As a result, when you open the site from a desktop, you'll see one image, and from a phone - another.

Updated on: 27/08/2024
Thank you!