.photo-locket{aspect-ratio:1214/1295;isolation:isolate}
.photo-locket>.locket-art{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none}
.locket-photo{position:absolute;z-index:1;display:block;overflow:hidden;border-radius:50%;transform:translate(-50%,-50%) rotate(var(--photo-angle));background:#ddd5cb}
.locket-photo-one{left:39.46%;top:76.42%;width:24.7%;height:24.2%;--photo-angle:-23.5deg}
.locket-photo-two{left:74.61%;top:65.48%;width:27%;height:23.9%;--photo-angle:26.4deg}
.photo-locket .locket-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 42%);filter:grayscale(1);transform:rotate(calc(-1 * var(--photo-angle))) scale(var(--photo-zoom,1.08));pointer-events:none;user-select:none}
.locket-photo::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 5px #291c164a;pointer-events:none}