Flip container 
        .flip-wrapper {
          width: 10rem;        /* fixed width 
          height: 1.5em;       /* fixed height (one line) 
          overflow: hidden;
          perspective: 1000px;
        }
        
        .flip {
          display: flex;
          flex-direction: column;
          animation: flipCube 8s infinite;
        }
        
        .flip div {
          height: 1.5em;
          line-height: 1.5em;
          white-space: nowrap;      /* single line */
          overflow: hidden;         /* hide overflow */
          text-overflow: ellipsis;  /* show ... for long text */
          transform-origin: top;
          backface-visibility: hidden;
        }
        
        @keyframes flipCube {
          0%, 20%   { transform: translateY(0); }
          25%, 45%  { transform: translateY(-1.5em); }
          50%, 70%  { transform: translateY(-3em); }
          75%, 95%  { transform: translateY(-4.5em); }
          100%      { transform: translateY(0); }
        }