Build a Javascript animation - 1 website page

Js animation version#1

Hi! This might not be the finalized version of the animation. When you hover over the logo, ripples appear and when you mouseout, no new ripples are formed and the older ones start disappearing as their animation completes. I need your feedback for now to further improve it. I showed you the animation for logo only. Do you want the same animation to appear at bottom left-hand corner? What improvements do you want to have in this animation? Also, because i don't have your website, i am just using its screenshot. So when the animation starts, you are not able to see other parts of the site clearly (because the ripples are covering them). I hope you understand this. Logo is the exception here though because i recreated it as a separate graphic and put it above the ripples. Therefore, you can still see it even when ripples are being generated.