html, body {
  height: 100%;
  margin: 0;
}

.container {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
  align-items: center;    /* 上下の中央揃え */
  height: 100vh;          /* 画面全体の高さいっぱいにする */
}

.container img {
  max-width: 50%;        /* 画面からはみ出さないようにレスポンシブ化 */
  height: auto;           /* 縦横比を維持 */
}@charset "UTF-8";
/* CSS Document */