.cp { cursor: pointer }
#preview {
  border-radius: 15px; border: 22px solid #111; background: #111; margin: 0; max-width: 100%; width: 100%; height: initial; aspect-ratio: 4 / 3;
}
@media screen and (max-width: 1200px) {
  #preview {
    transform-origin: 0 0;
    transform: scale(0.75);
    max-width: 133.3333%;
    width: 133.3333%;
    margin-bottom: -22%;
  }
}
@media screen and (max-width: 900px) {
  #preview {
    transform-origin: 0 0;
    transform: scale(0.5);
    max-width: 200%;
    width: 200%;
    margin-bottom: -68%;
  }
}

.display-on-hover {
  opacity: 0;
  overflow: hidden;
  border-radius: 15px;
}
.display-on-hover:hover {
  opacity: 1;
  display: block;
}