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?