body {
            display: flex;
            justify-content: center;
        }
        .image-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            max-width: 760px;
        }
        .image-container a {
            width: calc((100% - 90px) / 9); /* 8つ並べた時のサイズ計算 */
            max-width: calc((100% - 90px) / 9);
            flex: none;
        }
        .image-container img {
            width: 100%;
            height: auto;
            display: block;
        }
        @media (max-width: 400px) {
            .image-container a {
                width: calc((100% - 30px) / 5); /* 4つ並べた時のサイズ計算 */
                max-width: calc((100% - 30px) / 5);
            }
        }