CSS to add glass effect on an image hover

/*Glass Effect CSS*/
selector {
    --height: 150px;
    --bottom: -150px;
    overflow: hidden !important;
}
selector .glass{
    height: var(--height);
    position: absolute;
    backdrop-filter: blur(20px);
    bottom: 0;
    transition: .5s ease-in-out;
}

/*Hover Hide/Show CSS*/
selector .glass{
    bottom: var(--bottom);
}
selector:hover .glass{
    bottom: 0px;
}