.profile-bio {
  text-align: center;
  position: relative;
}
.profile-bio::before, .profile-bio::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
}
.profile-bio::before {
  -webkit-animation: slide 8s infinite -0.8s, change-text 56s step-end infinite -2s;
          animation: slide 8s infinite -0.8s, change-text 56s step-end infinite -2s;
}
.profile-bio::after {
  -webkit-animation: slide 8s infinite -4.8s, change-text 56s step-end infinite -30s;
          animation: slide 8s infinite -4.8s, change-text 56s step-end infinite -30s;
}

@-webkit-keyframes change-text {
  0% {
    content: "宇宙這麼大，我們註定會遇見";
  }
  14.2857142857% {
    content: "因為你需要，所以我存在";
  }
  28.5714285714% {
    content: "宇宙這麼大，我們註定會遇見";
  }
  42.8571428571% {
    content: "專注到最後，就是專業";
  }
  57.1428571429% {
    content: "專注到最後，就是專業";
  }
  71.4285714286% {
    content: "有您的需要，才有我們的誕生";
  }
  85.7142857143% {
    content: "因為你需要，所以我存在";
  }
}
@keyframes change-text {
  0% {
    content: "宇宙這麼大，我們註定會遇見";
  }
  14.2857142857% {
    content: "因為你需要，所以我存在";
  }
  28.5714285714% {
    content: "宇宙這麼大，我們註定會遇見";
  }
  42.8571428571% {
    content: "專注到最後，就是專業";
  }
  57.1428571429% {
    content: "專注到最後，就是專業";
  }
  71.4285714286% {
    content: "有您的需要，才有我們的誕生";
  }
  85.7142857143% {
    content: "因為你需要，所以我存在";
  }
}



@-webkit-keyframes slide {
  0%, 100% {
    left: -100px;
    opacity: 0;
  }
  10%, 50% {
    left: 0;
    opacity: 1;
  }
  60% {
    left: 100px;
    opacity: 0;
  }
}

@keyframes slide {
  0%, 100% {
    left: -100px;
    opacity: 0;
  }
  10%, 50% {
    left: 0;
    opacity: 1;
  }
  60% {
    left: 100px;
    opacity: 0;
  }
}