.monitor-ui{
  align-items:center;
  grid-template-columns:minmax(0,1fr) clamp(280px,32vw,390px);
  gap:1.25rem;
  padding:1.25rem;
  border:1px solid #e2e8f0;
  border-radius:8px;
  background:#f8fafc;
}
.monitor-ui__screenshot{
  width:100%;
  height:auto!important;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:left top;
  background:#fff;
  box-shadow:0 16px 36px rgba(10,37,64,.12);
}
.monitor-ui__phone{
  align-self:center;
  width:100%;
  max-width:390px;
  justify-self:center;
  overflow:visible;
  border-radius:8px;
  background:transparent;
}
.monitor-ui__phone-img{
  width:100%;
  height:auto!important;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:top center;
  background:#fff;
  box-shadow:0 16px 36px rgba(10,37,64,.14);
}
.program-features{margin-top:1rem}
@media(max-width:900px){
  .monitor-ui{grid-template-columns:1fr;padding:1rem}
  .monitor-ui__screenshot{aspect-ratio:3/2}
  .monitor-ui__phone{max-width:min(420px,100%)}
  .monitor-ui__phone-img{aspect-ratio:4/5;object-fit:contain}
}