body,
html {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body {
  font-family: Kanit, sans-serif;
  background: #1d1d1d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper {
  width: 800px;
  height: 450px;
  position: relative;
  perspective: 600px;
}
.panel {
  width: 400px;
  height: 400px;
  position: absolute;
  overflow: hidden;
}

.car {
  width: 100px;
  height: 80px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -100px;
}

.yellow {
  background-color: #fc0;
}

.green {
  background-color: #096;
}

.panel.green {
  left: 400px;
}

h2 {
  font-weight: normal;
  color: #ccc;
  text-align: center;
  margin-top: 0;
}