How to set up background image for 3D model

Hi,

I need help in achieving a reflection in a 3d model uploaded to my shopify product page.

I would like to add 3d models to my product pages. I have a ring as 3d model saved as glb with an assigned texture to it (which is basically the color yellow gold as metal), however I want a nice reflection in the metal and the standard one I am getting when uploading to Shopify doesn’t look nice. I do have an hdr environment that does what I want. When I upload the glb and the hdr environment into the https://modelviewer.dev/editor/ it’s exactly how I’d like it look like. How do I get that into shopify?

Would it be a solution to change the environment-image overall for my shop? I found that hint on https://modelviewer.dev/docs/index.html#entrydocs-lightingandenv-attributes-environmentImage but haven’t been able to implement it in my shop.

Or is it possible to embed the environment in the glb somehow? I am modelling in rhino.

I would be very grateful for your help. At the moment I am not sure if the environment is a separate file that has to go into Shopify somehow or if I should attach it somehow to the object, before saving as glb.

Thanks, Kat