Tournament Block background

As you know, there’s a half cup at the right bottom of each tournament block background. Since my theme is in RTL direction, I wanted to move it to the left bottom.
What I did was firstly flipped the image horizontally and replaced it with this “/wp-content/themes/arcane/img/tlistcup.jpg”

Then I added this Custom CSS:

body .tournaments-list li, body.page .tournaments_block_single .wcontainer li {
	background: url(https://MYWEBSITE.ir/wp-content/themes/arcane/img/tlistcup.jpg) left bottom no-repeat #212129;

Actually It did the work and it’s looking exactly How I wanted it to be. However on mobile devices it’s not flipped horizontally and I’m not sure why this is happening. I attached two screenshots from PC and Mobile to get a better look at it.