Explain what doesn’t work exactly? It looks much the same to me on both Chrome and Firefox.
Because you are looking in the wrong directory.
You have this:
But the image is actually here:
It does work but you added display:flex to the left and right side elements and thus broke the column layout of those elements.
Remove display:flex from .right-side and .left-side.
Note that you can only move the whole right column above the whole left column when you use the
order property. You can’t interleave those elements if that’s what you were intending.
You would give them a width in percentage so that they stretch to match their parent. (A max-width will only ensure a max-width it does not encourage the element to grow from its default.)
You seem to have the whole bootstrap framework css attached to your code so you should really be doing this in bootstrap if you already have that code overhead.