Images order inside Canvas

Thank you very much for reading this. I am doing a small test with Canvas and have two ‘RawImage’ inside it (the problem happens with ‘Image’ as well). My problem is that, no matter what I change, the element that is in the bottom inside the hierarchy ALWAYS renders in front of the other one. I have changed Z property, created empty objects, everything that came into my mind. I am sure I am missing something, but don’t know what. Can someone please tell me how to control which one renders first without affecting hierarchy? Image of my problem attached (in perspective view, the red image is way behind the other one).

When it comes to the UI system, hierarchy is basically the only thing that determines visibility, unless you write a custom UI shader.

it may be easier to use the 2D sprite system rather than the UI system for your cards, as they can actually be layered.