Different background for responsive matter

[makros]

I have set up a background image and it is fine for the desktop view but a little bit big size for the smaller device.

Is there any way I can set up different image backgrounds for that reason and how?

Thanks for the guide.

[Pablo]

For most objects, you can set a different background in breakpoints.

[makros]

For most objects, you can set a different background in breakpoints.

How about the image itself?
I put an image into a layout grid for in the default view and then switched to the breakpoint clicked on the image to select a different image but did not work.

Is that the way should it work?
or do I have to first hide it from the object manager to be able to put the new image?

I believe I should be able to do it without hiding it from the object manager.

Thanks for any comment.

[crispy68]

Pablo was referring to you can have different backgrounds for the layout grid in breakpoints. This is done in the layout grid properties thru the style tab.

However, if you are simply inserting an image into a layout grid, you would have to hide it in the breakpoint and show another image in the breakpoint. Inserting an image into the grid is not the same as the background of the grid.

[Pablo]

How about the image itself?

A standard HTML 'Image' does not support different files in breakpoints.
However, it is possible with the picture object
https://wysiwygwebbuilder.com/picture.html

[makros]

Thanks pablo and crispy68 for sharing great information!!

Now I understood How to change image and background for different breakpoints as well as for default size screen.

Thanks again