Pasting SVG code into Hype squares

Hi, yeh a bit confused, can’t work out what to do.

I’m using Affinity Photo & Affinity Designer together and I’m trying to create and animate a teddy bear. I’ve managed to actually achieve what I want to do but with Png’s and I’v ended up with quite a big file size. The animation is only 20 seconds long and 8mb in file size. After searching around the forums for ways of reducing file size I came upon this post Tried pivot animation with SVG in Hype who is using SVG code to import and animate his illustration and the file size is super low. So I’m trying to redraw the animation using SVG instead of Png.

The picture above has three squares drawn in Hype. The top square is of the head and the code always works fine for the first paste into a square, now when I draw another square for an arm of the teddy and try to paste a completely different SVG code into the square, it pastes back in the previous image into the square but the code is the correct one.

Baffled!

Now when I draw anything with a vector pen tool in Affinity Designer, everything works fine. It only doesn’t work on pixel images SVG code

I hope something of that made sense, It’s confusing trying to write about it

Thanks