1. code

import React from 'react';
import styles from './ImageBackgroundAnimation.module.css';

function ImageBackgroundAnimation() {
  return (
    <div className={styles.container}>
      <div className={styles.image}></div>
    </div>
  );
}

export default ImageBackgroundAnimation;

.container {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: hidden;
  }
  
  .image {
    width: 100%;
    height: 100%;
    background-image: url('自定義圖片路徑'); 
    background-size: cover;
    animation: slideImage 6s linear infinite;//使用滑動動畫
  }
  
  @keyframes slideImage {
    0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(100%); //這裡可以根據需要調整滑動距離
      }
  }

2.實作