.case-motion-shell {
  min-width: 0;
  width: 100%;
  margin-block: 24px;
  padding-inline: 4px;
}
.case-motion-shell > .case-pair {
  transform: scale(var(--case-pair-scale, 1));
  transform-origin: center center;
  will-change: transform;
}
.case-motion-shell .case-pair img {
  transform: none !important;
}
.case-motion-shell .case-pair figure {
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .case-motion-shell > .case-pair {
    transform: none;
    will-change: auto;
  }
}
@media (max-width: 620px) {
  .case-motion-shell {
    margin-block: 20px;
    padding-inline: 4px;
  }
}

@media (max-width: 620px) {
  .case-motion-shell > .case-pair,
  .dew-cases-compact .case-motion-shell > .case-pair {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}