.responsive-half div img {
    max-width: 100%;
    padding: 1em;
}

@media screen and (min-width: 768px) {

    .responsive-half {
        display: flex;
    }

    .responsive-half div {
        width: 50%;
    }

    .split-5050-responsive {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .split-3070-responsive {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .split-2-1-responsive {
        display: grid;
        grid-template-columns: 2fr 1fr;
        clear:both;
        overflow: auto;
    }



    .split-303030-responsive {
        display: flex;
    }

    .split-303030-responsive > div {
        flex-basis: 33%;
    }


}