Scroll + Interaction Transforms on parent element become unreliable when modal toggle + effects inside modal are used

When a column/card has both a Scroll Transform (translateY on entrance) and an Interaction Transform (translateY on hover), the effects often fail on the front-end, even though they work just fine in the Cornerstone preview.

The problem gets worse when the card contains a modal toggle (or any toggleable I suppose) as a child element. The modal itself contains elements that also have Scroll or Interaction effects (or a slider that uses transforms) and the effects on the elements in the modal don’t fire at all.

I don’t know that combination of things causes it exactly. Could this be improved somehow so that there are no more conflicts with effects?