.scrolling-image-container {
  width: 100%;
  height: 250px; 
  overflow: hidden;
  position: relative;
  border-radius: 6px; 
  background-color: transparent !important; /* 去掉灰色背景 */
  display: block !important;
}

.scrolling-image-wrapper {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  height: 100% !important;
  animation: scroll-right 20s linear infinite; 
}

.scrolling-image {
  height: 100% !important; 
  width: auto !important;  
  max-width: none !important; 
  display: block !important;
  
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important; 
  outline: none !important;
  box-shadow: none !important;
}

@keyframes scroll-right {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.scrolling-image-container:hover .scrolling-image-wrapper {
  animation-play-state: paused;
}


.scrolling-2d-container {
  width: 100%;
  height: 350px; /* 容器的高度 */
  border-radius: 6px;
  background-color: #e0e0e0;
  
  background-repeat: repeat;
  
  background-size: 600px auto; 
  
  animation: scroll-2d-diagonal 300s linear infinite;
}

.scrolling-2d-container:hover {
  animation-play-state: paused;
}

@keyframes scroll-2d-diagonal {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -10000px -10000px;
  }
}