Element flow change

This is my page with the elements flowing in default order (i need to change)

This site for example, has the elements rearranging to text/pic in 1 colum, even though in 2 columns ita laternates
https://www.aurishealth.com/monarch-platform

Hi, I tried both both places, with no change. Does it work with columns inside a color section? i tried it outside color section with no change too.

I found something that may help, code looks right with my limited knowledge

Hi there! sorry the link i provided was confusing because I had to rearrange all the elements after to be in the same order, for a presentation meeting.

So in desktop the order alternates between image and text columns, but in mobile they should all be text on top, image on the bottom, like in this graphic

Thank you!

Got it ! thank you!

Somehow the column reverse code stopped working, can you help me, i cant find the reason.

in the homepage (page#2)
<div id=”av_section_3″ /

and the Lobo Tech page (page#18) in 2 places
<div id=”av_section_1″ /
<div id=”av_section_3″ /

Here is my qucik css

}
#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #006271 !important;
}
.sidebar.sidebar_right {
  background-color: ##f8f8f8;
  height: 100vh;
  min-width: 182px;
}
@media only screen and (max-width: 1124px) {
.sidebar.sidebar_right {
 height: 10vh;
}
}
.blog-meta, .post_author_timeline {
display: none;
}
.blog-categories + .text-sep, .blog-author.minor-meta {
    display: none;
}
.post-entry span.comment-container.minor-meta,
.post-entry span.text-sep-comment {
    display: none;
}
@media only screen and (max-width:767px){
    #top.page-id-18   #av_section_1 .entry-content-wrapper,
     #top.page-id-18   #av_section_3 .entry-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
}
@media only screen and (max-width:767px){
     #top.page-id-2   #av_section_3 .entry-content-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
}
.more-link-arrow{
display:none!important;
}
.more-link,
.wpforms-submit
{
background-color: #d9ab28!important;
border-color: #d9ab28!important;
border-radius:5px!important;
padding:10px 20px!important;
font-size:13px!important;
color:#fff!important;
}
more-link:hover,
wpforms-submit:hover
 {
        text-decoration: none!important;
        opacity: 0.9!important;
}
div.wpforms-confirmation-container-full {
	border: #a51e37;
        background: #D9AB28;
}
#footer .widget {
    margin: 0 !important;
}
.footerfont {
font-size: 90%;
line-height: 140%;
}
@media only screen and (max-width: 767px) { 
.footerfont {
font-size: 70%;
line-height: 120%;
}
}
@media only screen and (max-width: 767px) { 
#footer > .container > .flex_column.av_one_half {
	width: 50% !important; 
}
}

thanks!