/* Reset default browser styles */
.one-image-horizontal img {
  max-width: 100%; /* 画像の最大幅を制限 */
  width: 80%;
  height: auto; /* アスペクト比を維持 */
  align-items: center;
}

  .horizontal-three-image-caption-container {
    max-width: 100%; /* 親要素の幅を制限 */
  }

  .horizontal-three-image-container {
    display: flex;  /* 横並びにする */
    justify-content: space-between; /* 均等なスペースを配置 */
    align-items: center;
    max-width: 100%; /* 親の幅を超えない */
    overflow: scroll; /* はみ出た部分はスクロール */
    gap: 20px; /* Space between images */
  }
  
  .horizontal-three-image-container img {
    width: calc(33.33% - 5px); /* 各画像を均等に配置 */
    max-width: 100%; /* 画像の最大幅を制限 */
    height: auto; /* アスペクト比を維持 */
    margin-right: 5px; /* 画像間の余白 */
  }

  .horizontal-three-image-caption {
    margin-top: 10px; /* 画像とキャプションの間に余白を追加 */
    text-align: center; /* キャプションを中央寄せ */
  }