How do I change text and image order on mobile only, Squarespace 7.1

Site URL: https://www.davinepilates.com/about

Hello,

I would like to change the order in the 'About' section, 3rd section down where it says 'why I love pilates' on mobile to:

image 
text
image
text

Now it appears as 
text
image
image
text

Thanks for you help!

Hello,

Try the following code, let me know if this helps.

section[data-section-id="60c763a3f3cec4103bebcf6f"] {
@media only screen and (max-width: 640px) {
.sqs-row {
  display: flex;
  flex-direction: column !important;
}
.sqs-col-6 {
  flex-direction: column-reverse;
  display: flex;
}
.sqs-col-6:last-child {
  display: flex;
  flex-direction: column;
}
}
}

-Dan