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).