Resizing/cropping elements on tablet/mobile

Hi there, Webflow Community :wave:t5:

I have three questions:

  1. Is there a way of making the graphics below (foreground and background elements on the right side) have different behaviours depending on their breakpoints? For instance, I want the interactive element behind the image to not be responsive at all (I want the right portion of it to be cropped out as I resize the window). It is not visible for tablets and below.

  2. I would like the image in the foreground to be to the right side of the text. However, it is going over the text because of the absolute position (see screenshot). What should I do to place it in the right corner and have the text slightly on top of it?

  3. The last item of the navigation (Contact) is also cropped out when you resize the window between the desktop and tablet breakpoints. How can I prevent that from happening?

Read-only link here.

Thank you!