.fix-carousel-outer {
  width: 100%;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 18px #0002;
  user-select: none;
  touch-action: pan-x;
}

.fix-carousel-inner {
  display: flex;
  width: max-content;
  align-items: center;
  height: 100%;
  animation: fix-carousel-scroll 30s linear infinite;
}

.fix-carousel-img {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 180px;
  margin: 0 14px;
  transition: transform .4s cubic-bezier(.45,0,.55,1);
}

.fix-carousel-img img {
  height: 100%;
  width: auto;
  max-width: 96vw;
  object-fit: cover;
  border-radius: 9px;
  box-shadow: 0 2px 16px #0007;
  pointer-events: none;
  user-select: none;
}

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

.fix-carousel-single-moving .fix-carousel-img{
  width: 100vw;
  min-width: 100vw;
  margin: 0;
}

.fix-carousel-single-moving .fix-carousel-img img{
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}