JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left"></div>
<div class="right"></div>

CSS

div {
    height: 100px;
    position: relative;
    float: left;
}
.left {
    width: 75%;
    background: red;
}
.right {
    width: 25%;
    background: blue;
}
@media (max-width: 992px) {
    .left {
        left: 25%;
    }
    .right {
        right: 75%;
    }
}