.fix-carousel-outer {
  width: 100%;
  position: relative;
 /* background: #222; */
  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%);}
}