.wrap-group-image {
    display: grid;
    grid-gap: 10px;
    grid-template-rows: 2fr;
    width: 692px;
}

.wrap-group-image.style1 .item-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.wrap-group-image.style1 .item-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}

.wrap-group-image.style1 .item-3 {
    grid-column: 3 / 3;
    grid-row: 1 / 2;
}

.wrap-group-image.style1 .item-4 {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
}

.wrap-group-image .card-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
    transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
}

.wrap-group-image .card-list:hover img {
    -webkit-transform: scale3d(1.07, 1.07, 1.07);
    transform: scale3d(1.07, 1.07, 1.07);
}

.wrap-group-image .card-list {
    overflow: hidden;
    height: 205px;
    border-radius: 15px;
}

.wrap-group-image.style2 .item-1 {
    grid-column: 1 / 4;
    grid-row: 1 / 2;
}

.wrap-group-image.style2 .item-2 {
    grid-column: 1 / 2;
    grid-row: 2 / 2;
}

.wrap-group-image.style2 .item-3 {
    grid-column: 2 / 3;
    grid-row: 2 / 2;
}

.wrap-group-image.style2 .item-4 {
    grid-column: 3 / 4;
    grid-row: 2 / 2;
}

.wrap-group-image.style3 .item-1 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}

.wrap-group-image.style3 .item-2 {
    grid-column: 3 / 3;
    grid-row: 1 / 2;
}

.wrap-group-image.style3 .item-3 {
    grid-column: 1 / 4;
    grid-row: 2 / 2;
}

@media (max-width: 1400px) {
    .wrap-group-image {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .wrap-group-image.style1 .item-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style1 .item-2 {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style1 .item-3 {
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }

    .wrap-group-image.style1 .item-4 {
        grid-column: 2 / 2;
        grid-row: 2 / 2;
    }

    .wrap-group-image.style2 .item-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style2 .item-2 {
        grid-column: 2 / 2;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style2 .item-3 {
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }

    .wrap-group-image.style2 .item-4 {
        grid-column: 2 / 2;
        grid-row: 2 / 2;
    }

    .wrap-group-image.style3 .item-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style3 .item-2 {
        grid-column: 2 / 2;
        grid-row: 1 / 2;
    }

    .wrap-group-image.style3 .item-3 {
        grid-column: 1 / 3;
        grid-row: 2 / 2;
    }
}

@media (max-width: 767px) {
    .wrap-group-image {
        grid-template-columns: 1fr 1fr;
    }
}