Changing images in an instance

Design help General
1

Hi All! I am developing a website for a BnB. On the homepage, there is a bit about services and experiences featuring 3 boxes named Ristorante, Spa & Wellness, Sport and Activity.
I would like an image inside every box, but when I select the image for the first box, it gets applied to all of them.

I have liked a read only below; I would appreciate any help!

https://preview.com/preview/radici-etrusche-5629aa?utm_medium=preview_link&utm_source=designer&utm_content=radici-etrusche-5629aa&preview=ac9723a6201fe410bcc00bd835d9a489&locale=en&workflow=preview

Here is my site Read-Only: https://preview.com/preview/radici-etrusche-5629aa?utm_medium=preview_link&utm_source=designer&utm_content=radici-etrusche-5629aa&preview=ac9723a6201fe410bcc00bd835d9a489&locale=en&workflow=preview

2

Hi there,

If you’re experiencing issues with images appearing across multiple boxes, here are some tips to resolve this:

The display settings of your elements play a crucial role in how images are contained within boxes. Make sure each box has the following properties correctly set:

  • Set overflow settings to “Hidden” if the image extends beyond its container
  • Check that the image’s parent container has a defined width and height
  • Verify that the image’s sizing settings (fit, fill, etc.) are appropriate for your layout
  • Ensure each box has proper positioning settings to maintain independence from other elements

You can access and adjust these settings in the Style panel. For more detailed information about managing display properties, check out our display settings guide.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.