halhalf.css

.halfhalf {
    display: table;
    width: 100%;
}

.half {
    position: relative;
    display: table-cell;
    width: 50%;
    padding: 150px 120px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
    .halfhalf .half {
        display: block;
        width: 100%;
    }
    
    .half { padding: 20px; }

    .half+.half.gridme {
        float: right;
    }
}