Physical material with transmission on Water background

[DZV]

I have a scene with some transparent bottles that use a physical material with transmission. They used to look fine before I added my background, which is a plane with ‘Water’ like the ocean example.

Now they look glitchy and have reversed the image you see through them, as well as not having any shine to them anymore.

I don’t fully understand how the ocean water works. Is there something I can change to the bottles that would make them appear like glass again?

Here is the glass material:

this.glassMaterial = new THREE.MeshPhysicalMaterial({
    roughness: 0.05,
    transparent: true,
    transmission: 1,
    thickness: 2,
});