Can't change order of "image with text" section

Store Design
1

Hello friends,

I tried for an hour using all other solutions, but I cannot adress the image-with-text section and change the order of it. On mobile, the default is “image first”. But I want to change it to “text first”.

I tried adding this to the base.css file:

@media only screen and (max-width:768px){
.feature-row__text–right {
display: flex;
flex-direction: column-reverse;
}
}

But it doesn’t work. i believe because it adresses the wrong section. Using inspector, I found out that the specific section is called “shopify-section-template–18920845312324__ae43c708-50a8-4712-a779-c4dc42bb69f4” and I used this in base.css:

@media only screen and (max-width:768px){
.shopify-section-template–18920845312324__ae43c708-50a8-4712-a779-c4dc42bb69f4 {
display: flex;
flex-direction: column-reverse;
}
}

AND I tried

@media only screen and (max-width:768px){
#shopify-section-template–18920845312324__ae43c708-50a8-4712-a779-c4dc42bb69f4 {
display: flex;
flex-direction: column-reverse;
}

But nothing seems to adress the correct section and change it.

I can’t believe something so simple is SO difficult on Shopify. In Wordpress or Elementor, this is a drag-and-drop…

Please, can you help me?

site is matchary.de password is matchary

Best Regards,