@media (min-width: 768px) {
    .left {
        display: flex;
        flex-direction: row;
    }

    h1,
    h2 {
        margin-left: 1vw;
        margin-right: 1vw;
    }

    .right {
        display: flex;
        flex-direction: row-reverse;
    }
}

@media (max-width: 767px) {
    .left {
        display: flex;
        flex-direction: column;
    }

    .right {
        display: flex;
        flex-direction: column-reverse;
    }

    .hide-on-mobile {
        display: none;
    }
}