.main-font {
    font-family: "Kaisei Opti", serif;
    font-weight: 400;
    font-style: normal;
  }

.indent {
    text-indent: 1em;
  }

.image-container {
    position: relative;
    width: 300px;
    height: 300px;
}
  
  .image {
    width: 300px;
    position: absolute;
    image-rendering: pixelated; /* 🔥 補間なし */
}

/* 左の画像のアニメーション */
.image-left {
    left: 0;
    animation: move-left 5s infinite alternate ease-in-out;
}

/* 右の画像のアニメーション */
.image-right {
    right: 0;
    animation: move-right 5s infinite alternate ease-in-out;
}

/* 左の画像の動き */
@keyframes move-left {
    0% { transform: translateX(0px); }
    50% { transform: translateX(0px); } /* ずらす距離 */
    100% { transform: translateX(300px); } /* ずらす距離 */
}

/* 右の画像の動き */
@keyframes move-right {
    0% { transform: translateX(0); }
    50% { transform: translateX(0px); } /* ずらす距離 */
    100% { transform: translateX(-300px); } /* ずらす距離 */
}