.grid_img {
    height: 55vh;
    display: grid;
    grid-template-columns: 3fr 3fr 4fr;
    grid-template-rows: auto;
    grid-template-areas: 
    'r0 r1 r3'
    'r2 r2 r3';
    gap: max(min(1.25vw, 20px), 12px);
}

.grid_img::before {
    content: '';
    grid-area: r0;
}

.grid_img-item:nth-of-type(1) {
    grid-area: r1;
}

.grid_img-item:nth-of-type(2) {
    grid-area: r2;
}

.grid_img-item:nth-of-type(3) {
    grid-area: r3;
}

.grid_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1vw;
}

@media screen and (max-width: 1024px) {
    .grid_img {
        height: auto;
        gap: 20px;
    }
    
    .grid_img img  {
        border-radius: 20px;
    }
}

@media screen and (max-width: 767px) {
    .grid_img {
        gap: 5px;
        grid-template-areas: 
        'r1 r1 r3'
        'r2 r2 r3';
    }

    .grid_img::before {
        display: none;
    }
    
    .grid_img img  {
        border-radius: 6px;
    }
}