@keyframes change-text {
    0% {
      content: "Data Scientist";
    }
    33.33% {
      content: "Machine Learning Engineer";
    }
    66.66% {
      content: "MLOps";
    }
    100% {
      content: "Software Engineer";
    }
  }
  
  .text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  
  .text {
    font-size: 1.5rem; 
  }
  .text::after {
    display: block;
    content: "Data Scientist";
  /* animation-duration = number of keyframes * duration per keyframe */
    animation: change-text 10s infinite;
  }