垂直内容滚动继续而不会损坏

Question

我只是将垂直文本从上到下移动，而无需留空。就像一个段落已经结束，然后在文本继续在第一个文本后面结束一样。

  * {
        margin: 0;
        padding: 0px;
        border: 0;
        outline: 0;
        vertical-align: baseline;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Roboto Mono';
    }
    .title-verticle {
        position: fixed;
        right: 0;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
        height: 100%;
        bottom: 0;
        top: 0;
        padding: 0 0.8vw;
        width: 3.6vw;
    }
    .title-verticle p {
        -webkit-transform: scale(-1);
        transform: scale(-1);
        text-align: center;
        writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
        font-size: 1.1vw;
        padding: 0;
        line-height: 120%;
        height: 100%;
    }
    .title-verticle marquee {
        white-space: nowrap;
        padding: 0;
        vertical-align: top;
        width: 100%;
        height: 100%;
    }

    <div class="title-verticle">
       <p> 
         <marquee behavior="scroll" direction="up" loop="infinite">
            We help brands and companies understand their audience through research and data driven.  
         </marquee>
       </p> 
    </div>
  

注意：请帮助我。预先谢谢你。