.wrapper{
    width: 500px;
    position: relative;
}


img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrapper::before{
    transition: all .5s ease-in;
    box-shadow: 5px 5px 20px #3f3e3e;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}


.wrapper:hover::before{
    opacity: .6 ;
}