I am facing a big problem in css coding.
Please check my codes.

<style>
.wrap {display:flex;}
.column {display:flex;flex-direction:row-reverse !important}
<style>

<div class="wrap">
    <div class="column">
        <div class="left">Blue Background</div>
        <div class="right">Red Background</div>
    </div>
    <div class="column">
        <div class="left">Red Background</div>
        <div class="right">Blue Background</div>
    </div>
</div>