.horizontal_scroll_container{
    overflow: hidden;
    width:100%;
    max-width:100%;
}

.horizontal_scroll_container p{
    white-space: nowrap;
    transition: all ease 0.1s;
    width: auto;
    display: inline-block;
    font-weight: 400;
    -webkit-text-stroke: 1px black;
    font-size: clamp(100px,7.5vw,160px);
    color: rgb(255, 255, 255);
    
    animation-name: scroll-text;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.horizontal_scroll_container p span{ width:200px; display: inline-block; }

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