.preview-box{
  aspect-ratio:auto;
  height:clamp(260px,32vw,520px);
  min-height:260px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.preview-box video,
.preview-box img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.preview-box video{
  background:#000;
}

.preview-tools{
  align-content:start;
}

.preview-tools .btn{
  width:100%;
}

@media (max-width:1100px){
  .preview-box{
    height:min(70vh,520px);
  }
}

@media (max-width:760px){
  .preview-box{
    height:min(72vh,520px);
    min-height:240px;
  }
}