.a106 {
    width: min(90%, 1500px);
    margin: auto;
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    align-items: start;
}

.a106 img {
    width: 100%;
}

@media (max-width: 768px) {

    .a106 {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 50px;
    }

    .a106 img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        display: block;
    }

    .reverse-mobile img {
        grid-row: 1;
    }

    .reverse-mobile div {
        grid-row: 2;
    }
}