html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#container {
  width: 240px;
  height: 860px;
  background: linear-gradient(to bottom, #fff, #000);
  position: relative;
  /* 3D illusion: slight tilt backward */
  transform: perspective(600px) rotateX(8deg);
  transform-origin: top center;
  /* Striped border */
  border: 12px solid transparent;
  border-image: repeating-linear-gradient(
    45deg,
    black 0, black 12px,
    white 12px, white 24px
  ) 12 round;
}

#videoContainer {
  position: absolute;
  top: 50px;
  left: 12px;
  width: 100px;
  height: 600px;
  overflow: hidden;
}

#video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#shapeContainer {
  position: absolute;
  bottom: 50px;
  right: 12px;
  width: 100px;
  height: 100px;
}