How to make slider in svg mockup?

Question

JavaScript

I want to implement a slider using svg code.
Here is some code like this https://jsfiddle.net/6a9yjxud/
Several images are written to it by the Wordpress loop. These are the images I want to turn into a slider.
Initially, everything is displayed normally, i.e. All images are in the same place and overlap each other.
But when I turn on the slider (I use slick slider), then the dimensions of the parent element become 0 and the slider is not visible. The built-in dimensions cannot correct the situation.

I will be glad to any advice!