Question Responsive Parallax

[Idovidal]

Hi,

i toon an awesome SVG photo and tried to build parallax with it.
the challenge that i encounter is how to make it responsive.
when i zoom out the whole pictures are being at mess.

i tried to use VH/VW/% but i didnt work.
here is a link to what iv'e tried to create.

powerhorse.000webhostapp.com/mystery/



how can i make the imges stay in their place and size even when there is zoom out (or higher resolution screen) in the browser?

 

[Koni Kodes]

I'm not sure about svg, I think the inner elements shift when the base moves. You may want to turn it into a jpeg to keep it consistent.

 

[Idovidal]

I'm not sure about svg, I think the inner elements shift when the base moves. You may want to turn it into a jpeg to keep it consistent.

what do you mean by "base"?

also in jpeg is a problem since the background will not be transparent.
this will cause to every shape have a white background around it.

 

[Koni Kodes]

x and y axis. I know svg is supposed to scale, but I was never good at making that happen.
If you want transparency, you can make it a png image instead. Like the jpeg, it should offer more consistency if you make the background image a cover with no-repeat.