Hi @cyberdave I will need to design several of these elements overlapping a background video so I really want to avoid designing at two different scales and doubling the workload having to update text on two elements.
I tried animation in reverse - shrinking a larger div - please revisit the shareable link I posted. This fixes the blurry text in Safari but it adds jagged edges to the parent div visible in both Chrome and Safari. I don’t know what is worse. Do you know of any other workarounds for this rendering issue? Could there be a fix for a shrunk div with jagged edges?