.scroll-box {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
}

.scroll-box img {
  height: 500px !important;    /* 💡 画像の高さです。お好みの数値に変えてください */
  width: auto !important;      /* 比率を保ちます */
  max-width: none !important;  /* 画面幅での縮小を無効化します */
  display: block !important;
}