.space-photo{--room-x:76%;--room-y:56%;--room-w:12%;--room-position:center}
.space-photo[data-room-key="office"]{--room-x:82.5%;--room-y:55%;--room-w:12%}
.space-photo[data-room-key="kitchen"]{--room-x:94%;--room-y:50%;--room-w:8%}
.space-photo[data-room-key="bedroom"]{--room-x:79%;--room-y:51%;--room-w:12%}
.space-photo[data-room-key="media"]{--room-x:94%;--room-y:60%;--room-w:9%}
.space-photo [data-room-image]{object-position:var(--room-position)}
.space-photo .space-device{position:absolute;z-index:2;left:var(--room-x);top:var(--room-y);width:var(--room-w);height:auto;aspect-ratio:1;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(3px 7px 5px rgba(0,0,0,.25))}
@media(max-width:700px){
  .space-photo{--room-x:76%;--room-y:54%;--room-w:28%;--room-position:70%}
  .space-photo[data-room-key="office"]{--room-x:84%;--room-y:55%;--room-w:28%;--room-position:80%}
  .space-photo[data-room-key="kitchen"]{--room-x:89%;--room-y:50%;--room-w:16%;--room-position:90%}
  .space-photo[data-room-key="bedroom"]{--room-x:87%;--room-y:51%;--room-w:28%;--room-position:70%}
  .space-photo[data-room-key="media"]{--room-x:88%;--room-y:60%;--room-w:17%;--room-position:90%}
}