Владислав Черненко

@keyframes square {
  from {
    width: 100px;
    height: 100px;
  }
  25% {
    height: 100px;
    width: 200px;
  }
  50% {
    width: 200px;
    height: 200px;
  }
  75% {
    width: 200px;
    height: 100px;
  }
  to {
    width: 100px;
    height: 100px;
  }
}

не "сбрасывалась" к началу

.step-list__item{
    width:100%;
    max-width:170px;
}

.step-list{
    justify-content:space-around;
}

.text{
    color: #fff;
    mix-blend-mode: difference;
}

body.no-scroll{
    height:100%;
    overflow:hidden;
}

max-height:calc(100vh - ваша_шапка_и_отступы);
overflow-y:auto;