Is anyone aware of an issue with 3d transformations on the new Google Chrome version 100? [closed]

I am trying to use a matrix3d transformation that is working in firefox, but not in google chrome(version 100). I have tried a webkit like this:

document.getElementById(‘frontOfShip’).style.transition=’transform 3s’;
document.getElementById(‘frontOfShip’).style.webkitTransform=”matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,.58)”;
like this post,How to set the style -webkit-transform dynamically using JavaScript?, suggests.

The Element is not staying in place after the transformation, it snaps back to its original position. I did notice that the x and y values would work and the element stayed in place after the transformation as long as I don’t add a scaling factor.