.handsMomentCrossfade {
  aspect-ratio: 3725 / 2095;
  height: auto;
  max-height: none;
  position: relative;
  background: #030405;
}

.handsMomentCrossfade .handsMomentImage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none;
  opacity: 0;
  animation: piano-still-crossfade 15s ease-in-out infinite;
}

.handsMomentCrossfade .handsMomentImageHands {
  object-fit: cover;
  object-position: center 82%;
  animation-delay: 0s;
}

.handsMomentCrossfade .handsMomentImageKawai {
  object-fit: contain;
  object-position: center;
  animation-delay: -10s;
}

.handsMomentCrossfade .handsMomentImageStudio {
  object-fit: cover;
  object-position: center;
  animation-delay: -5s;
}

@keyframes piano-still-crossfade {
  0%, 28% { opacity: 1; }
  34%, 94% { opacity: 0; }
  100% { opacity: 1; }
}