product-options-grid {
  product-options-card {

    &:hover {
      .background {
        opacity: 1;
      }

      rich-text {
        max-height: 500px;
        transition: all 0.6s ease-in;
      }
    }

    @media (min-width: 768px) {
      .background {
        opacity: 0;
        transition: all 0.3s ease-in-out;
      }

      rich-text {
        max-height: 0;
        overflow: hidden;
      }
    }
  }
}