w-overlay (and some fixes)

Overlay offect with and .overlay div and also animated content inside

.w-overlay (Add overlay hover effect with a div inside element)

.animated and .from-top/bottom + left/right is used for animate content that is inside overlay and it isn't shown at start but compare on hover with the set direction

By add -inverse to .overlay or .animated the inverted behaviour will be used