Kirill Udaltsov

Скорее всего дело с версией, вот тут, кажется, разбирали данную проблему:
Не работает Gulp, выдает ошибку?

Попробуйте так:

const gulp = require('gulp'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-cssmin'),
    rename = require('gulp-rename'),
    plumber = require('gulp-plumber'),
    watch = require('gulp-watch');

gulp.task('sass', function(done) {
    gulp.src("./sass/**/*.sass")
        .pipe(plumber())
        .pipe(sass())
        .pipe(gulp.dest("./css"))
        .pipe(browserSync.stream());


    done();
});

gulp.task('cssmin', function () {
//указываем где лежит CSS
  gulp.src('./css/*.css')
    .pipe(plumber())
    .pipe(cssmin())
    .pipe(rename({suffix: '.min'}))
    .pipe(gulp.dest('dist'));
});

gulp.task('watch', function(){
  gulp.watch('./sass/**/*.sass', gulp.series('sass'));
  gulp.watch('./css/**/*.css', gulp.series('cssmin'));
});

gulp.task('default', gulp.series('sass', 'cssmin', 'watch'));

Реализовать подобное можно вручную по событию скролла изменяя значение css-свойства transform, как в случае с тем сайтом:
https://codepen.io/ramon82/pen/opJXGr

Или используя библиотеки вроде этой:
https://scrollmagic.io/

Не уверен, что я тебе помог, так как не сильно понял суть задачи, но:
https://codepen.io/anon/pen/jgMeKg

Первый способ:

body {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

Второй способ:

.btn-group-vertical {
    position: absolute;
    top: calc(50% - 56px);
    left: calc(50% - 38px);
}

56px - половина высоты блока с кнопками
38px - половина ширины блока с кнопками

Возможно вам подойдет такое решение, но его нужно дорабатывать. Вы можете изменять позицию элементов свойством order, но при условии что родитель имеет display: flex

.parent {
  display: flex;
  height: 500px;
  flex-flow: column wrap;

  .child {
    &:nth-child(1) {
       order: 6;
    }
    ...
  }
}

Вам следует убрать анимацию у элемента li (свойство transform) и убрать z-index

А также добавить z-index у элементу .plashka:

.plashka {
  ...
  z-index: 1;
}