Why aren't these grid elements moving next to each other?

    img:nth-of-type(2n-1) {
        grid-column: 3;
    }
    img:nth-of-type(2n) {
        grid-column: 1;
    }
    article:nth-of-type(2n-1) {
        grid-column: 1 / 3;
        padding-right: 4rem;
    }
    article:nth-of-type(2n) {
        grid-column: 2 / 4;
        padding-left: 4rem;
    }

    img:nth-of-type(2n-1) {
        grid-column: 3;
    }
    img:nth-of-type(2n) {
        grid-column: 1;
    }
    article:nth-of-type(2n-1) {
        grid-column: 1 / 3;
        padding-right: 4rem;
    }
    article:nth-of-type(2n) {
        grid-column: 2 / 4;
        padding-left: 4rem;
    }