.office-monitor-scene {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1720 / 920;
  background: #111;
}

.office-monitor-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.monitor-brand {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  transition: transform 160ms ease, filter 160ms ease;
}

.monitor-brand img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: top center;
}

.monitor-brand:hover,
.monitor-brand:focus-visible {
  transform: scale(1.04);
  filter: brightness(1.12);
}

.monitor-brand--vitalabs {
  left: 13.6%;
  top: 38%;
  width: 16.5%;
  height: 18%;
}

.monitor-brand--tallman {
  left: 42.1%;
  top: 36.5%;
  width: 16.4%;
  height: 21%;
}

.monitor-brand--garden {
  left: 67.8%;
  top: 38%;
  width: 19.3%;
  height: 18.5%;
  border-radius: 0.35rem;
}

@media (prefers-reduced-motion: reduce) {
  .monitor-brand {
    transition: none;
  }
}