.hm-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.hm-track {
    display: flex;
    flex-direction: row;
    animation-name: hm-marquee-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    width: max-content;
}

.hm-dir-right {
    animation-name: hm-marquee-right;
}

.hm-item {
    flex-shrink: 0;
}

.hm-item img {
    display: block;
    height: auto;
}

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

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