How to move the text correctly?

Question

css

it needs to be moved

To become like this


Tried with position:relative; but then it will break in a mobile phone

Answer 1

for product__photo position:relative;, for

product__percent position:absolute; right: 0; top: 0;

Answer 2

tyk , learn the basics or here's another tyk