.text_marquee {
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center;
    padding: 0;
    overflow: hidden;
}

.marquee_content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee-loop var(--marquee-duration) linear infinite;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}
  
.marquee_item {
    display: inline-block;
    margin-right: 30px;
    font-size: 150px;
    font-family: var(--primary-font);
}
  
@keyframes marquee-loop {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-1 * var(--marquee-distance)));
    }
}

@media screen and (max-width: 767px) {
    .marquee_item {
        font-size: 80px;
    }
}