Cacher is the code snippet organizer for pro developers

.img-hover {
    position: relative;
    
    &__img {
        display: block;
        width: 240px;
        height: 165px;
        }
    &__mask {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/add-ico.svg) no-repeat 50% 50%/ 20px rgba(#00bc9c,.8);
        transition: $main-trans;
    }
    &:hover .img-hover__mask {
        opacity: 1;
    }
}