[Vuejs]-How to make contaning div not to affect hover on parent div

I don’t quite get the result you want to obtain but why don’t you just use a simple margin-top: 50px instead of the translate?
This would prevent the element from overflowing the container.