.tilted-bg {
  background: inherit;
  position: relative;
  z-index: 1;
  margin-bottom: 5%;
  margin-top: 5%
}

.tilted-bg:before, .tilted-bg:after {
  background: inherit;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden; /* for Chrome Windows */
}

.tilted-bg:before {
  top: 0;
  transform: skewY(3deg);
  transform-origin: 100% 0;
}

.tilted-bg:after {
  bottom: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
}

.tilted-bg-rev {
  background: inherit;
  position: relative;
  z-index: 1;
  margin-bottom: 5%;
  margin-top: 5%
}

.tilted-bg-rev>h2 {
  text-align: right;
}

.tilted-bg-rev:before, .tilted-bg-rev:after {
  background: inherit;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden; /* for Chrome Windows */
}

.tilted-bg-rev:before {
  top: 0;
  transform: skewY(-3deg);
  transform-origin: 0 0;
}

.tilted-bg-rev:after {
  bottom: 0;
  transform: skewY(3deg);
  transform-origin: 0 0;
}

.content:last-of-type {
  margin-bottom: 0;
}

.content:last-of-type::after {
  display: none;
}