.outer-headings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.inner-headings {
  border: 0px solid #ddd;
  height: 1.111em; /* 5rem converted to em */
  line-height: 1.089em; /* 4.9rem converted to em */
  font-size: 1em; /* New base size */
  overflow: hidden;
}

.inner-headings > span {
  position: relative;
  animation: animation 10s ease infinite;
}

@keyframes animation {
  0%,
  100% {
    top: 0;
  }
  20% {
    top: 0;
  }
  25% {
    top: -1.111em; /* -5rem converted to em */
  }
  45% {
    top: -1.111em; /* -5rem converted to em */
  }
  50% {
    top: -2.222em; /* -10rem converted to em */
  }
  70% {
    top: -2.222em; /* -10rem converted to em */
  }
  75% {
    top: -3.333em; /* -15rem converted to em */
  }
  95% {
    top: -3.333em; /* -15rem converted to em */
  }
}