[Scale animation interferes with position of element]

I tried using `window.onload` before animating but didn't solve it. 

Using a fixed height value was the solution. Thanks a lot!

 

[Scale animation interferes with position of element]

I have this absolutely positioned image on my website:
```

img {

position: absolute;

transform: translate(50%, -50%);

right: 0%;

top: 50%;

width: 625px;

z-index: 20;

}

```

 

The animation is just `

.from(torta, {duration: 1, scale: 2, ease: 'bounce'})

`

When the page loads it randomly animates to its intended position but more often than not it animates to a wrong position on the screen.

You can see the problem live on tortecas.com

What causes this and how can I fix it?