.zoom-container{position:relative;overflow:hidden}.zoom-container img{transition:transform .3s ease-in-out}.zoom-container:hover img{transform:scale(1.02)}.zoom-overlay{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.zoom-image{animation:zoomIn .3s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoom-close{animation:slideIn .3s ease-out .1s both}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.zoom-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease-in-out;pointer-events:none;z-index:1}.zoom-container:hover:before{transform:translateX(100%)}