Hi @zozo, the reason for this trouble is a clash between what is being set in CSS and what is being overridden (due to specificity). In the CSS you have
.disk{
transform: translate(-50%, -50%)
}
Which of course is perfectly valid.
But what happens when this is run ...
tl.fromTo(".disk", 2, {rotation:0}, {rotation:360, ease:Linear.easeNone});
is that the transform matrix is taken over. So, to keep -50% and -50% in the calculations, you can just set those as properties in the fromTo and let the mediaQuery handle it from there, like so
Hope this helps!