Если вам нужно это сделать принципильно через CSS, то используйте для wrapper такой свойство:
.wrapper {
flex-direction: row-reverse;
}
Но лучше внутрь враппера закиньте какой-нибудь row, если у вас будут еще врапперы. Либо повесьте дополнительный класс на него. А еще лучше сделайте структуру с колонками.
<div class="row">
<div class="column">Тут контент с картинкой</div>
<div class="column">Тут контент с текстом</div>
<div>
Тут подробнее про свойство:
https://cssreference.io/property/flex-direction/
Если же задача просто поменять местами, то просто поменяйте картинку и блок текста в самой разметки и всё.
