Off center rotation off 3D object?

Hi,

I have made modifications to a project I am creating, see attached.

Now the menu which is used to display various options is displayed to the right and the trailer is shown to the left.
Due to copyright I can show only part of the model here its a bit higher in reality.

The question is now, how can I make sure that the client can rotate the model only in that “off center” location and prevent that the model moves under the menu?

I positioned an empty in the 3D center of the trailer 3D model and set this as the 3D center of the orbit camera.

The menus stay static, they are linked to the camera.

Ideally I need a solution without manual programming, as I have no experience with HTML or CSS or Javascript and the deadline is tight.
If you do suggest a solution which involves very limited programming, please be as precise as possible.

I tried to add something like this, which was suggested in another thread:

app.camera.setViewOffset(1,1,.5,0,1,1)

into a script puzzle but now it results in a very distorted menu and only part of the configurator is visible. See attached.
Can you please tell me how I need to do change the numbers or code exactly to avoid this distortion?

So far I only have one camera with the static “interface” elements linked to it.
Alternatively to the above script, is it somehow possible to have the main camera show the interface and have a second camera showing the 3D trailer inside on the left of the main view?

Thanks for your support.