/*
.zoom {
transition: transform .3s ease;
display: block;
width: 100%;
height: auto;
}
.zoom:hover {
transform: scale(1.05);
transform-origin: center center;
}
*/
.zoom {
transition: transform .3s cubic-bezier(0.23, 1, 0.32, 1);
display: block;
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.zoom::after {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 2;
backdrop-filter: blur(5px) grayscale(0.5) brightness(0.9);
-webkit-backdrop-filter: blur(12px) grayscale(0.9) brightness(0.85);
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
pointer-events: none;
}
.zoom:hover::after {
backdrop-filter: blur(0px) grayscale(0) brightness(1);
-webkit-backdrop-filter: blur(0px) grayscale(0) brightness(1);
opacity: 0;
}
.zoom:hover {
transform: scale(1.05);
transform-origin: center center;
}