/* Keep the original image canvas and right-edge alignment. */
.service-grid > .glove-slide-art,
.glove-grid > .glove-slide-art {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  align-self: end;
  justify-self: stretch;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.glove-slide-art > img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: right bottom;
}
.glove-slide-ready > img {
  transform: translate3d(110%, 0, 0);
  will-change: transform;
}
.glove-slide-entering > img {
  animation: glove-hand-enter 1800ms cubic-bezier(.2, .75, .25, 1) both;
}
@keyframes glove-hand-enter {
  from { transform: translate3d(110%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .glove-slide-ready > img,
  .glove-slide-entering > img {
    animation: none;
    transform: none;
    will-change: auto;
  }
}
