How do you change the mobile block alignment pattern from left-to-right to right-to-left?

Hi 🙂

I'm trying to display multiple products on a page, and align them on the desktop version from right to left, but when I switch to mobile view it dislayes the most left product first, instead of the most right one, and the whole order is backwards.
Is there code I can put in the page to change the way things are displayed? (get it to right-to-left instead of left-to-right)

*I already got a right-to-left text code in there if that changes anything:

<div dir="rtl">

Cheers,
Imri

I am looking to do the same thing! Were you able to figure it out? @ImriAgmon

Can you share link to your site? I can take a look