I'm trying to color a 2d object that consists of 3 polygons, one is having the other two inside itself like the picture below.
I'm trying to color those differently like the reference picture on the left. As you can see from pictures, I selected them all and uv-unwrapped into a image, then i got 3 polygons on uv editor. So i put those into corresponding colors, but things didn't go well as i expected.
If you look at the second picture, the right ear has a little problem like not fully filling the polygon, and if you look at the third picture that shows viewport in layout tab, it's overlapped by the bigger polygon.
Also when i move around the viewport, sometimes the right ear's color change back to its color but blinking rapidly.
If i'm guessing it right those faces are overlapping each other.
One might say why not move the small face a little forward so that they aren't in same y axis position, but i can't, because I should keep these as a 'single' object, and All those vertices and faces should be in same y axis so that rigid body physics can be used.

*Editted
I don't know why, but when i loaded the blender file again it shows without when rendered as image. But When I either look at it in viewport or export it as 3d model, the model has some glimmering things or stripes on eyes or ears. I still need to fix it.



