/* Match the payment and measurements artwork to the conversation cards. */
body.og-brand-design .og-order-essentials .og-order-card-visual {
  min-height: 0;
  height: clamp(230px, 18vw, 276px);
  background-size: 200% auto;
}

body.og-brand-design .og-order-essential:hover > .og-order-card-visual {
  background-size: 206% auto;
}

@media (max-width: 900px) {
  body.og-brand-design .og-order-essentials .og-order-card-visual {
    height: clamp(230px, 55vw, 340px);
  }
}

@media (max-width: 560px) {
  body.og-brand-design .og-order-essentials .og-order-card-visual {
    height: 230px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.og-brand-design .og-order-essentials .og-order-card-visual {
    transition: none;
  }
}