.zoom{
overflow: hidden;
cursor: pointer;
}
.zoom img{
width: 100%;
height: 100%;
filter: brightness(10px);
filter: grayscale(.1);
transition: .3s;
}
.zoom img:hover{
    filter: grayscale(0);
    transform: scale(1.2) rotate(3deg);
}
img.hm-img{
    /* width: 70vw;
    height: 60vh; */
    background-image:linear-gradient(60deg, rgba(36, 31, 31, 0.76) 100%,transparent 100%);
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
  
    box-shadow: 0 10px 20px 5px #000;
}