.bg-step {
  /* position: fixed; */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  /* z-index: -30; */
  /* background-color: red; */
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-step:after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -20;
  opacity: 0.25;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 700%;
  background-image: url(../images/bg-line.svg);
  background-position: center bottom;
  /*animation: animatedBk 1300s linear infinite;*/
  z-index: -10;
}

.bg-step:before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  width: 700%;
  opacity: 0.4;
  background-image: url(../images/bg-square-1.svg);
  background-position: center bottom;
  /*animation: animatedBackground 1000s linear infinite;*/
  z-index: -10;
}

@keyframes animatedBackground {
  0% {
    background-position: 0 100%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes animatedBk {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 100% 100%;
  }
}