.marquee-mark {
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.marquee-mark-pausable:hover .marquee-mark-track {
    animation-play-state: paused;
}

.marquee-mark.kram-eeuqram .marquee-mark-track {
    animation-direction: reverse;
}

.marquee-mark-track {
    display: flex;
    will-change: transform;
    animation: marquee var(--markSpeed, 20s) linear infinite;
    width: max-content;
    transform: translate3d(0,0,0);
}

@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-50%)); }
}

.marquee-mark-set {
    display: flex;
    gap: 100px;
    flex-shrink: 0;
    min-width: max-content;
    padding-right: 100px;
}

.marquee-marker {
    display: inline-flex; 
    align-items: center;
    flex-shrink: 0;
    z-index: 2;
}

div.marquee-mark > div.marquee-mark-track > div.marquee-mark-set > div.marquee-marker img {
    height: 70px;
    width: auto;
    max-width: none;
    transform: translateZ(0);
}

.marquee-mark.marquee-mark--greyscale .marquee-marker img, .marquee-mark.marquee-mark--greyscale-hover .marquee-marker img {
    filter: grayscale(100%);
    transition: 0.2s ease;
}

.marquee-mark.marquee-mark--greyscale-hover .marquee-marker:hover img{
    filter: grayscale(0%);
}