/* PC：1枚目を大きく、2枚目以降を2カラム */
.image-flex {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    justify-content: initial;
    gap: 2rem;
}

.image-flex .works-img-wrap {
    width: 100%;
    margin: 0;
}

/* 1枚目のみ横幅いっぱい */
.image-flex .works-img-wrap:first-child {
    grid-column: 1 / -1;
}
@media screen and (min-width: 576px) {
    .image-flex .works-img-wrap:first-child {
        width: 70%;
        justify-self: center;
    }
}
/* すべての画像 */
.image-flex .works-img-wrap img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 2枚目以降 */
.image-flex .works-img-wrap:not(:first-child) img {
    aspect-ratio: 1 / 1;
}

/* スマホ：すべて1カラム */
@media screen and (max-width: 575px) {
    .image-flex {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .image-flex .works-img-wrap:first-child {
        grid-column: auto;
    }

    .image-flex .works-img-wrap:not(:first-child) img {
        aspect-ratio: auto;
    }
}