.previews{
    position:relative;
    height:460px;
  }

  .preview-card{
    position:absolute;
    width:78%;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
  }

  .preview-card .frame{
    height:0;
    padding-top:118%;
    position:relative;
    overflow:hidden;
  }
  .preview-card img{
    position:absolute;
    top:0; left:0;
    width:100%;
    display:block;
  }

  .preview-card .caption{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 16px;
    border-top:1px solid var(--line);
  }
  .preview-card .caption .name{
    font-family:'Inter', sans-serif;
    font-weight:700;
    font-size:12.5px;
    color:#171E2B;
  }
  .preview-card .caption .when{
    font-size:11.5px;
    color:#5B6B7A;
  }

  .preview-card.back{
    left:0;
    top:0;
    transform:rotate(-3deg);
    z-index:1;
  }
  .preview-card.front{
    right:0;
    bottom:0;
    transform:rotate(2deg);
    z-index:2;
  }