@media screen and (max-width: 1280px) {
    .group_overview {
        width: 100%;
        height: 816px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 400px 400px;
        gap: 16px;
        padding: 0 16px;
        box-sizing: border-box;
        margin-bottom: 16px;
    }

    .group_overview1 {
        grid-column: 1;
        grid-row: 1;
        overflow: hidden;
    }

    .group_overview2 {
        grid-column: 2;
        grid-row: 1;
        overflow: hidden;
    }

    .group_overview3 {
        grid-column: 1;
        grid-row: 2;
        overflow: hidden;
    }

    .group_overview4 {
        grid-column: 2;
        grid-row: 2;
        overflow: hidden;
    }
}

@media screen and (max-width: 640px) {
    .group_overview {
        width: 100%;
        min-height: 1808px;
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: 440px 440px 440px 440px;
        gap: 16px;
        padding: 0 16px;
        box-sizing: border-box;
        margin-bottom: 16px;
    }

    .group_overview1 {
        grid-column: 1;
        grid-row: 1;
        overflow: hidden;
    }

    .group_overview2 {
        grid-column: 1;
        grid-row: 2;
        overflow: hidden;
    }

    .group_overview3 {
        grid-column: 1;
        grid-row: 3;
        overflow: hidden;
    }

    .group_overview4 {
        grid-column: 1;
        grid-row: 4;
        overflow: hidden;
    }

    .group_overview_item{
        height: 440px;
    }
}