Корректная область выделения с "косыми" элементами (transform:rotate(deg);)

Сразу прикладываю архив, откройте index.html - https://yadi.sk/d/SrqXPGt4ha4eU
Поверьте я потратил много времени, чтобы понять, как решить проблему, но мозг уже просто плавится.
Нужно сделать область выделения такую же, как и на картинке. Я сделал ховер на картинках, чтобы было понятно в чём проблема.
Выручите пожалуйста!