/* Keep the image responsive when the viewport crosses the mobile breakpoint.
   The particle geometry reads this same layout before each resize handoff. */
.mrq-morph-plate {
  width: var(--mrq-plate-width);
  left: var(--mrq-plate-left);
  right: var(--mrq-plate-right);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
@media (max-width: 1023px) {
  .mrq-morph-plate {
    width: 92vw;
    left: 4vw;
    right: auto;
    top: 20.4vh;
  }
}