Изображение выходит из блока при transform scale?

Question

[ynashyvan]

При наведении на карточку изображение выходит из-за блока. Как сделать, чтобы изображение увеличивалось, но не выходило за карточку?
Приходит в голову только закостылять как-то через z-index. Как можно решить это?
Изображение увеличивается при помощи transform scale:

.func-card:hover .func-image {
    transform: scale(1.2);
    transition: all .3s ease-in-out; 
}

Answer 1

[Pr0grammer]

.func-card:hover {
          overflow: hidden;

}

Скрываем лишние.

Comments

[ynashyvan]

спасибо, добрый человек!!