Following up on the animated half image and placing labels on the curve I finally got the layout right. Though the curious thing is, when rotating the wheel, the control y position changes.
First I thought that this might be a similar effect, that could be solved with setting the inset, but that is not true.
My theory is that, as the image is square, when the square rotated by 45 degrees the height is larger. How can I counteract this. I tried to update the translateY property but that had no effect.