3D CSS in Firefox Quantum

I was using some 3D CSS transforms to animate links with thumbnails over the past year or two based off a website I found stuff at called The Art of the Web. I posted the code on a JS Fiddle. This 3D animation worked in Firefox 57 and previous versions, but as of Firefox 58+ and Quantum it no longer works. When viewing it it all appears flat, and inspecting the element it renders a 3D matrix but does not display it in 3D, despite the preserve 3D elements being called.

Here is an example of the code I am using - what does not work:

https://jsfiddle.net/f00dl3/1Ludb783/1/

Am I missing something real obvious?