3D Model size on website

Design help Custom code
1

Hi, I’m a beginner on website development and coding and ran into a little issue.
I was able to get my SketchUp 3D models to my site but the size of the model was too small so I found a code that I added to my page settings for the sizes but that changes the layout of the page. Ideally I’d like to have a little bit bigger 3D model on desktop and maximum width on phones that screen allows.
The code with 500px and 400px that I added leaves white space on top and right of my page. Images attached with the codes and where they are on my site.
Product page on may website is here: https://gardof.webflow.io/product/emma-xs

Thanks!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1
11920×1200 133 KB

2
22560×1600 496 KB

3
32560×1600 483 KB

2

I got the white space removed by deleting the last lines in inside tag. Still trying to figure out about the sizing

3

On the phone the white are is still there on the right.