.rotator{
  display:inline-block;
  position:relative;
  min-width:9ch;
}

.words{
  position:relative;
  display:inline-block;
  min-height:1em;
}

.word{
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .35s ease, transform .35s ease;
  white-space:nowrap;
  color:#9bdcff;
}

.word.is-active{
  opacity:1;
  transform:translateY(0);
}

@media (max-width: 600px){
  .rotator{
    display:block;
    min-width:0;
  }

  .words{
    display:block;
    width:100%;
  }

  .word{
    white-space:normal;
    max-width:100%;
    overflow-wrap:anywhere;
  }
}