.image-grid-section {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
    background-color: transparent;
}

.grid-wrapper {
    width: 100%;
    max-width: 1400px;
    min-width: 600px;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    gap: 15px;
    grid-template-areas:
        "a a b b"
        "c d e f";
}

.grid-item {
    overflow: hidden;
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.grid-item:hover img {
    transform: scale(1.05);
}

.item1 {
    grid-area: a;
}
.item2 {
    grid-area: b;
}
.item3 {
    grid-area: c;
}
.item4 {
    grid-area: d;
}
.item5 {
    grid-area: e;
}
.item6 {
    grid-area: f;
}

@media (max-width: 700px) {
    .grid-container {
        grid-template-areas:
            "a"
            "b"
            "c"
            "d"
            "e"
            "f";
        grid-template-columns: 1fr;
    }
    .item3 {
        display: none;
    }
    .item4 {
        display: none;
    }
    .item5 {
        display: none;
    }
    .item6 {
        display: none;
    }

    .grid-wrapper {
        min-width: unset;
    }
}