Yay! Here's an image that works!
The arrow is 100% opaque and the background is 50% transparent (nice feature to not block the view 100%).
The arrow should be pointing exactly 45 degrees to the left when in 16:9 resolution and the green background should be a perfect square.
I think the size of the background is pretty good cuz it's small enough not to be in the way. Place it x=0 and y=0.75 and you got the position right
Just need better looking arrows.
The recipe I used was:
create an image of size 128x128
draw an arrow on it
squish it to 72x128
copy it to the center of an image 256x256.
Voilla perfect proportions in 16:9 aspect ratio