更改屏幕滑块的位置HTML [关闭]

I'm trying to edit this Codepen and make it so that the screen is split horizontally and slides from top to bottom unlike the diagonal style that it has now.

答案可能在以下几行中的某处,但我找不到它。

.skewed .top{
  transform: skew(-30deg);
  margin-left:-1000px;
  width: calc(50vw + 1000px);
}

.skewed .top .content-wrap{
  transform: skew(30deg);
  margin-left:1000px;
}

任何帮助将非常感激!