Как реализовать скос у блока?
Вот пример Skew one side of element

в первом приближении так: .registration__step-item:after {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    width: 10px;
    height: 100%;
    right: -7px;
    top: 0;
    transform: skew(10deg);
  }
после этого начинаются пляски с бубном, чтобы корректно реализовать закругления и тень. 
из спортивного интереса можно попытаться, но проще поставить картинку фоном на псевдоэлемент.