Different photo order display on website and phone

Hi there, I have a problem with my cms image order for the webflow, I want to display 3 image in normal website browsing, I use the order format 1,2,3 cms to displayed the photos. which 1 on the left, 2 on the middle and 3 on the right.

But when it comes to ipad or phone size, I want to display 2(the middle photo) first instead the 1(the left photo).

Is there any ways to do it?

Thank you

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @Secondmile, does this apply to all collection items’ photos? If yes, you can use the Flex child order settings.