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

body {
  perspective: 600px;
  background: #1d1d1d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper {
  width: 400px;
  height: 400px;
  position: relative;
  transform-style: preserve-3d;
}
.panel {
  width: 400px;
  height: 400px;
  position: absolute;
  overflow: hidden;
}

.car {
  width: 100px;

  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: -100px;
}

.yellow {
  background-color: #fc0;
}

.green {
  background-color: #096;
}

.white {
  background-color: #ecf0f1;
}

.red {
  background-color: #e84c3d;
}