.r1 {
    padding-right: 10vw;
    background: #f4f4f4;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.r2 {
    padding-left: 10vw;
    background: #f4f4f4;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.paddingRow {
    padding: 30px 30px;
}

@media (max-width: 768px) {
    .paddingRow {
        padding: 20px;
    }

    .r1 {
        padding-right: 20px;
        margin-left: 40px;
        margin-top: 40px;
    }

    .r2 {
        padding-left: 20px;
        margin-right: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .flex-md-row-reverse img {
        float: right;
    }
}

img {
    max-width: 100%;
}