Safari z-index?

Question

css

Hello. I read a LOT of articles, questions (including on the toaster) about it - nothing helps.
On the site , in the mobile version, arrow buttons appear on top, which give the left and right blocks (depending on the arrow) the active class, and .active has:

display: block !important;
  position: absolute !important;
  z-index: 6;
  transform:translateZ(1px);
  -webkit-transform: translateZ(1px);

In normal browsers, everything works fine even without transform, in safari - hell. Added transform 0 0 0 everywhere I could - didn't help.
And it's funny that only the right sidebar does not work, the left one is displayed as it should.
How to make the right sidebar display normally on top of the content?

Answer 1

I decided by adding top:0, left: 0.
It didn't fix the other z-indexes, but at least this is the most important thing.