How to apply the correct margin in my strip inside an oval?

[Isatol]

I have a strip with animation of waves inside an oval. But i can’t find the correct way to apply the margin to adjust dinamically.

So, i get the numeric data from my database, i use Vue to binding the margin dinamically to my strip class.

It works perfect whit this:

https://codepen.io/isatol/pen/vjVxdY

But when i apply the animation, but now with svg it doesn’t work with bottom, always the strip stay up:
https://codepen.io/isatol/pen/JvmWVQ

How to apply the second CodePen like the first CodePen?

[Author]

Posts