.text-truncate {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-slide-wrapper {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-slide-wrapper:hover {
    text-overflow: clip;
}

.text-slide-wrapper:hover .text-slide {
    display: inline-block;
    padding-right: 100%;
    animation: slideLeft 8s linear infinite;
}

@keyframes slideLeft {
    from { transform: translateX(0);  }
    to { transform: translateX(-100%); }
}