How to adjust image layout when in mobile size

Hi,

Below is what I want to achieve:
“When my site is in desktop, I wish the text on the left and image on the right. And when it’s in mobile, I wish the text is below the image.”

Currently, I use flexbox to make this, but I don’t know how to make it since the text is still above the image when it’s in mobile.

Does anyone know how to do it? Thx


https://preview.webflow.com/preview/yulis-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=yulis-portfolio&preview=d77da9b71ce78c8b9c77ac2db1ed1821&pageId=60575af5e7d2650409416f88&mode=preview

hi look this