Как сделать маску на картинку при наведении, чтобы она закрывала только картинку без маржинов?

Question

[Psoriaz]

У меня есть список картинок. Нужно, чтобы при наведении на картинку ее покрывала полупрозрачная маска. Я сделал чтобы маска появлялась снизу, но помимо картинки она закрывает margin'ы, что мне в принципе не нужно. Как можно это поправить?

Код: https://codepen.io/pen/?template=jOmyRrE

Answer 1

[Александр]

.works__item {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 65px;
}

.work-img {
    width: 100%;
}