.envelope-liner,.envelope-pocket{position:absolute;top:0;left:0;display:block;width:100%;height:auto;pointer-events:none}
.envelope-liner{z-index:0}
.envelope-pocket{z-index:2}
.envelope-contents{
  position:absolute;inset:0;z-index:1;
  /* Keep moving pieces inside the paper sides and above its bottom edge. */
  clip-path:polygon(-50% -100%,150% -100%,150% 42%,98.5% 42%,98.5% 92.3%,1.5% 92.3%,1.5% 42%,-50% 42%);
}
.polaroid{position:absolute;z-index:2;width:43%;aspect-ratio:.85;margin:0;background:#fffaf0;padding:1.25cqw 1.25cqw 4.5cqw;box-shadow:0 .6cqw 1.1cqw #16010755;transform:rotate(var(--rotation));transform-origin:50% 90%}
.envelope-contents .polaroid img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:grayscale(1)}
.polaroid-one{left:40%;top:-11%;--rotation:-3deg;--delay:.18s}
.polaroid-two{left:38%;top:20%;--rotation:8deg;--delay:.38s}
.envelope-contents .polaroid-two img{object-position:50% 44%}
.envelope-contents>.scene-swan{position:absolute;z-index:1;left:-11%;top:15%;width:47%;height:auto;transform:rotate(-3deg);filter:drop-shadow(0 .5cqw .55cqw #25110b35);--delay:.55s;--rise-x:12cqw}
@media(max-width:600px){
  .polaroid{padding:1.8cqw 1.8cqw 6.5cqw}
  .envelope-contents>.scene-swan{left:0;top:16%;width:46%}
}

.polaroid-photo-window{width:100%;height:100%;overflow:hidden}