speaker · 2026
The video bounds in storyboard.json should be the OUTER polaroid bounds. The CSS inset values below carve out the inner photo area. Suggested CSS .frame-deco--polaroid { position: absolute; } .polaroid-card { position: absolute; inset: 24px; background: #fefefe; padding: 14px 14px 64px; box-shadow: 0 28px 60px -18px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.12); box-sizing: border-box; } .polaroid-photo { position: relative; width: 100%; height: calc(100% - 50px); overflow: hidden; background: #000; } .polaroid-photo .video-wrapper { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; } .polaroid-caption { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; font: 700 32px/1 "Caveat", ui-serif, cursive; color: #1d1c1a; } .washi { position: absolute; top: 12px; left: 20%; width: 120px; height: 28px; background: rgba(180,210,235,.85); background-image: repeating-linear-gradient(90deg, transparent 0 6px, rgba(255,255,255,.3) 6px 7px); box-shadow: 0 3px 8px rgba(0,0,0,.15); } -->
VIDEO
speaker · 2026
POLAROID — white frame, Caveat handwritten caption, blue washi tape on top. Upright (no tilt).