On scroll transform the element from bottom to center of the screen and remains center until the section's bottom touch the viewport's bottom

Question

I want to animate a element on scroll which is already tranlateY to 400% using CSS, now when the user scroll to that section it will come\'s up on 10% of scroll