.mockupContainer{aspect-ratio:9/18;aspect-ratio:9/18;width:300px;margin:2rem auto;position:relative;overflow:visible}.screenContainer{--frame-inset:6%;inset:var(--frame-inset);z-index:1;background:#000;border-radius:36px;position:absolute;overflow:hidden}.backendImage{z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.iphoneFrame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}
.desktopMockupContainer{aspect-ratio:16/10;width:1000px;margin:2rem auto;position:relative;overflow:visible}.desktopScreenContainer{--frame-inset-x:4%;--frame-inset-y:7%;left:var(--frame-inset-x);right:var(--frame-inset-x);top:var(--frame-inset-y);bottom:calc(var(--frame-inset-y) + 6%);background:#fff;border-radius:6px;position:absolute;overflow:hidden}.desktopBackendImage{z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.desktopFrame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:900px){.desktopMockupContainer{width:100%;max-width:720px}}