.family-photo-tree{position:relative;width:100%;aspect-ratio:3/2;margin:0 auto 48px;isolation:isolate}
.family-photo-tree-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.family-photo-frame{position:absolute;display:block;width:24%;padding:5px;background:#fff;border:1px solid #a38d65;box-shadow:0 0 0 3px #e8e0d2,0 5px 16px #253b5126;border-radius:3px;transition:transform .2s}
.family-photo-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}
.family-photo-frame:focus-visible{outline:3px solid #173e5b;outline-offset:6px}.family-photo-frame:hover{transform:translateY(-3px)}
.family-photo-1{left:7%;top:16%}.family-photo-2{right:7%;top:16%}.family-photo-3{left:5%;top:54%}.family-photo-4{right:5%;top:54%}
@media(max-width:600px){.family-photo-tree{aspect-ratio:1/1.1;margin-bottom:28px}.family-photo-tree-art{object-fit:cover;object-position:center}.family-photo-frame{width:35%;padding:3px}.family-photo-1{left:2%;top:15%}.family-photo-2{right:2%;top:15%}.family-photo-3{left:2%;top:55%}.family-photo-4{right:2%;top:55%}}
@media(prefers-reduced-motion:reduce){.family-photo-frame{transition:none}}
.recovered-family .family-photo-tree{max-width:1000px;margin:30px auto 42px}.recovered-family .family-photo-frame{box-sizing:border-box}.recovered-family .family-photo-frame img{margin:0;border-radius:0;box-shadow:none}