/* 画面全体の中央に寄せるための設定 */
.container {
    display: flex;
    justify-content: center; /* 左右中央 */
    align-items: center;     /* 上下中央 */
    min-height: 100vh;       /* 画面いっぱいの高さ */
}

/* 画像がはみ出ないための設定 */
img {
    max-width: 100%;         /* 親要素（画面幅）より大きくならない */
    height: auto;            /* 横幅に合わせて高さを自動調整 */
}