@keyframes c-gallery-rail {
    0% {
        translate: 0% 0%
    }
    100% {
        translate: -33.33% 0%
    }
}
.c-gallery {
    display: flex;
    overflow: hidden
}


.c-gallery__container {
    backface-visibility: hidden;
    animation: c-gallery-rail calc(var(--length)*20s) linear 0s infinite normal;
    animation-play-state: paused;
    will-change: translate;
    display: flex;
    flex-shrink: 0;
    overflow: hidden
}
.c-gallery__group {
    backface-visibility: hidden;
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    -moz-column-gap: 0rem;
    column-gap:0rem;
    overflow: hidden;
    padding-right:0
}
.c-gallery .img {
    --x: 1;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    aspect-ratio: 400/256;
    width: 80rem;
    border-radius: 1rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-gallery .img{
	transform:scale(0.9);
}

.c-gallery .img img {
	max-width:initial;
    backface-visibility: hidden;
    translate: calc(37.5%*var(--x)) -50%;
    will-change: translate;
    position: absolute;
    top: 50%;
    right: 0;
    width: 150%;
    height: auto
}
.c-gallery.play .c-gallery__container {
    animation-play-state: running
}

@media(max-width:1024px) {
	.c-gallery .img{
		width:40rem;
	}
}