3D Model size on website

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: Emma XS | Gardof


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

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

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