Chrome does not hide all elements at opacity: 0 - how to fix it?

Question

css

So it goes.
Through JS, I distribute to the blocks a class that has the property opacity: 0;
And now, for blocks that are not visible on the monitor (lower or higher on the page) at the time the class is set, some elements remain not hidden - the bottom border of :after and svg - what is the reason for this?
Haven't seen this in other browsers.

Answer 1

and you write in your class so that both pseudo-elements and svg also do opacity: 0.