Объясните пожалуйста почему в 3-ем задании размеры маски (class=“overlay”) заданы больше чем размеры ее родительского блока (class=“shape”), а не такие же ? Для чего это не пойму.
а вы попробуйте увеличить размеры родительского блока и узнаете 
чтобы маска целиком перекрывала и еще с запасом 10 пикселей, потому что в некоторых браузерах при переходе видно краешек .shape контейнера при наведении мыши.
такая же ситуация.
transform: scale(1);
не засчитывается(