RTL Onboarding Images in Landscape mode

[rt4914]

PR Reference: #3635

Screenshot LTR and RTL

Mobile Portrait:

.....
.....

.....

.......

Mobile Landscape:

......

........
.......

....

Tablet Portrait:
......
....
....
.....

Tablet Landscape:
....
....
.....
.....

In all of above images notice how in RTL portrait the foreground is flipped. It found nice if only the background is flipped and not the foreground. Currently this is not possible because the foreground + background is part of a single image. Also if we create new images with flipped background for RTL then the apk size would increase because of these new images which is not great.

So we need to find a solution such that:

1. background is flipped for RTL
2. foreground remains the same in LTR and RTL
3. apk size does not increase at all.

Possible Theoretical Solution
(Note: This is just a theory and haven't been tested at all.)

1. Let's take one of these images and assume that its size is 4KB. This 4KB image comprise of foreground as well as background.
2. Now if we can create separate image for foreground and separate image for background such that each of these takes approx 2 KB each and combined it takes 4 KB. In this case we can again achieve our original image by overall these images on top of each other in UI and still the apk size will remain same. (This theory that on creating separating images and total of those two images will be equal to that of the original has not been tested.)
3. If above step us possible then now in RTL we can just flip the background and keep the foreground as it is and our apk size will also remain the same.

This issue does require some design expertise and also if the apk size changes even slightly then this issue will get closed.

[adhiamboperes]

Closing since the onboarding layout design has changed.