#flip {
  height:3.2vw;
  padding: 5px 0;
  overflow:hidden;
  display: inline-block;
  text-align: left;
  position: relative;
  top: 0.55vw;
}

#flip > div > div {
  padding:0.22vw;
  height:3vw;
  margin-bottom:3vw;
  display:inline-block;
}

#flip div:first-child {
  animation: show 5s linear infinite;
}

@keyframes show {
  0% {margin-top:-13.5vw;}
  5% {margin-top:-11.5vw;}
  33% {margin-top:-11.5vw;}
  38% {margin-top:-5vw;}
  66% {margin-top:-5vw;}
  71% {margin-top:0vw;}
  99.99% {margin-top:0vw;}
  100% {margin-top:-13.5vw;}
}

/* new model */
.rw-wrapper {
  width: 80%;
  position: relative;
  font-family: 'Bree Serif';
  padding: 10px;
}

.rw-sentence {
  margin: 0;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}

.rw-words {
  text-indent: 10px;
  position: relative;
}

.rw-words-1 span {
  position: absolute;
  opacity: 0;
  /* color: yellow; */
  -webkit-animation: rotateWord 9s linear infinite;
  animation: rotateWord 9s linear infinite;
  bottom: -5px;
}

.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  /* color: red; */
}

.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  /* color: blue; */
}

@-webkit-keyframes rotateWord {
  0% { opacity: 0; transform: translateY(-30px); }
  5% { opacity: 1; transform: translateY(0); }
  33% { opacity: 1; transform: translateY(0); }
  38% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 0; }
}

@keyframes rotateWord {
  0% { opacity: 0; transform: translateY(-30px); }
  5% { opacity: 1; transform: translateY(0); }
  33% { opacity: 1; transform: translateY(0); }
  38% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 0; }
}