Fixes for issue with poor logo transition animation on safari

It's a fix for Logo animation does not properly transition in Safari issue.

I did research and found that all transition animations stop working for visited links and it is not possible to use ':visited' pseudo to avoid this(more details are in the comments for above issue #11867 (closed) )

This solution moves logo outside of the link and sets logo above it using position and z-index so the link is 'clickjacked': When you hover the image, animation is working as expected, but to handle clicks I had to add jquery call. The better solution was making image 'transparent' for clicks using CSS's 'pointer-events: none;' but it works in Safari only. The same is for changing z-index.

before: after:

I have not found any related tests that can be updated to test this change, please direct me if I miss something.