I am not sure if this goes here, but as you can see in diagram A, it looks boring and ugly being behind it. Proof in diagram B that hes behind it. How do I put him infront of the panel?
If your canvas is in “Screen Space - Overlay” mode, then Canvas UI elements will always be drawn on top of game-world objects. Your player appears to be a game world object with a sprite renderer, and your panel appears to be a UI Image component on a canvas.
If you want your player drawn on top you need to either:
Switch your canvas to Screen Space - Camera mode and set the Plane Distance so that UI elements are placed behind certain game-world objects
Make your player also a UI element.
Turn your “panel” into a game world sprite.
Switch your canvas to World Space (probably a bad idea)