How to change the Collection Hero Banner Layout

[Finky25]

Hello, I need to change the layout of this banner and reverse both columns so the text is to the right and the image to the left.
I’m using this liquid code but does not seem to work.

.collection-hero–with-image

{
flex-direction: column-reverse;
}

I’m not experienced at coding so it’s probably the dumst mistake ever, any directions?

Thanks!

[B2Bridge]

Hi @Finky25 , you can use this instead:

.collection-hero--with-image
{
       flex-direction: row-reverse;
}

[Finky25]

Hey B2BBridge,
Thank you for your response, unfortunately it did not work