/* Unit 39: normalize the generated operating-flow artwork to the shared media scale. */
#systems .vp-automation-media {
  background: #f5f8ff;
}

#systems .vp-automation-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 59%;
  transform: scale(1.22);
}

.vp-home #systems:hover .vp-automation-media img {
  transform: scale(1.255);
}

@media (max-width: 560px) {
  #systems .vp-automation-media img {
    object-position: 50% 58%;
    transform: scale(1.18);
  }

  .vp-home #systems:hover .vp-automation-media img {
    transform: scale(1.18);
  }
}

@media (prefers-reduced-motion: reduce) {
  #systems .vp-automation-media img,
  .vp-home #systems:hover .vp-automation-media img {
    transform: scale(1.22) !important;
  }
}

html.motion-off #systems .vp-automation-media img,
html.motion-off .vp-home #systems:hover .vp-automation-media img {
  transform: scale(1.22) !important;
}

@media (forced-colors: active) {
  #systems .vp-automation-media {
    background: Canvas;
    border: 1px solid CanvasText;
  }
}