grid css 2 column and second column with 2 rows

I am new to the grid css and I want to achieve somenthing like this

I'm stuck with the first one and can't fix the proper ordering of the 2nd column

Here's what I did

.image-wrapper {        display: grid;        gap: 1.5rem;        grid-template-columns: repeat(2, 1fr);        .image-container:nth-child(1) {            grid-column-start: 1;        }        .image-container:nth-child(2) {            grid-column-start: 2;            grid-row: 2;        }        .image-container:nth-child(3) {            grid-column-start: 2;            grid-row: 3;        }    }