/* Scoped correction for /devices/ only. */
.device-details{
  display:grid;
  gap:22px;
}
.device-detail{
  display:grid;
  grid-template-columns:minmax(0,360px) minmax(0,1fr);
  gap:34px;
  align-items:center;
  overflow:hidden;
}
.device-detail:nth-child(even){
  grid-template-columns:minmax(0,1fr) minmax(0,360px);
}
.device-detail > img{
  display:block;
  width:100%;
  height:270px;
  min-height:270px;
  max-height:270px;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:center;
}
.device-detail:nth-child(even) > img{
  order:2;
}
@media (max-width:760px){
  .device-detail,
  .device-detail:nth-child(even){
    grid-template-columns:1fr;
  }
  .device-detail:nth-child(even) > img{
    order:0;
  }
  .device-detail > img{
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:4 / 3;
  }
}