Z-Index 3D Model & img

Hey guys,

I have a loaded glb file and a image file. When the Image file is behind the model the image file is overlapping the skin.

In front:

In the back:

How can i define that if the model is infront, so that the character is be shown and not the img?

i tried zIndex but it didnt worked. it only smalled my character… bruh

So the image is a HTML element position above the renderer’s canvas?

Have you considered to use the image as a texture on a plane mesh? That would definitely solve this issue.

The image is predefined as a img (var img = new Image()) than added to a CSS3DObject.
How can I define it as a plane mesh?

Like so: https://jsfiddle.net/ntgw826x/