我正在為一些圖像編寫css，基本上我想要實現的是，有一個圖像應該從左側向右側移動，當它到達右端時，它應該再次從左側出來，等等，我能夠使用下面的代碼來實現這一點。

<div class="row-1">
   <div class="image-container">
       <img class="img" src="/src/assets/image.svg" alt="img">
   </div>
</div>

@keyframes slideAnimation {
  0% {
        transform: translateX(0%);
   }
   100% {
        transform: translateX(100%);
   }
}

.row-1 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}
.image-container {
    position: absolute;
    top: 4%;
    width: 100vw !important;
    overflow: hidden;
    animation: slideAnimation 18s linear infinite;
}

這適用于桌面，但不適用于移動css，它向我的頁面添加了滾動，即使圖像到達右側時再次從左側出來，但圖像容器的寬度是100vw，圖像在容器的開始處，當圖像到達最右側時，會有一個滾動，因為容器寬度會影響頁面上的其他絕對元素，我可以以某種方式禁用該滾動，或者使用一些不同的方法來實現相同的事情，因為它也會影響我的其他絕對元素。