I want to have the contents of the element header zoom in and the contents fade out when the view port changes (when the page scroll up). This is easy to do with the motion effects with elementor but it can’t apply to header element. Is it possible to achieve the same effects with css? I have attached the URL that I did with elementor. Thank you.