Flex - Changing Order Of Nested Elements?

On small screens i'm trying to get my .image div to slot in between .title and .text divs, something like: title image text .title and .text are wrapped in a container, this is so

Solution 1:

You can ordering only sibling elements. Title and text aren't sibling with image. You need wrap title, text and image in general parent block