/* 奥に補助資料、手前に主役を置く共通の重なり表現。 */
.layered-media {
  position: relative;
  isolation: isolate;
}

.layered-media__layer {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(23, 34, 59, 0.18);
  background: #fff;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.layered-media__layer--back {
  z-index: 1;
  box-shadow: 0 12px 26px rgba(15, 33, 64, 0.14);
}

.layered-media__layer--front {
  z-index: 2;
  box-shadow: 0 18px 34px rgba(15, 33, 64, 0.24);
}

.layered-media__layer img {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .layered-media__layer {
    transition: none !important;
  }
}