So it looks like what's happening here is we're doing a `transform scale(-1)` to flip the card image for RTL locales. this is causing the image to come out of the stacking context and sit on top of the border. A simple way to fix this would be to remove the offset on the card border; that way it'll sit just outside the image and doesn't overlap no matter how the elements are stacked. This changes the style just a bit though, so we'd need R+ from UX. (I'll attach some screenshots to show the difference.)
Bug 1695614 Comment 2 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
So it looks like what's happening here is we're doing a `transform scale(-1)` to flip the card image for RTL locales. this is causing the image to come out of the stacking context and sit on top of the border. ~~A simple way to fix this would be to remove the offset on the card border; that way it'll sit just outside the image and doesn't overlap no matter how the elements are stacked. This changes the style just a bit though, so we'd need R+ from UX. (I'll attach some screenshots to show the difference.)~~ We've found another workaround, so we can keep the offset :)