[Media TTT] Draw ripple before translation

In some devices, we notice a change in the translation amount of icon
ripple compared to the receiver icon. To make sure the ripple icon is
drawn behind the receiver icon before any translation occurs.

Bug: 273500887
Test: Checked the ui on tablet device. Check the video in bug link.
Change-Id: I86f741ef6209867967e1d463f4f2d39b3bf28661