div.popup-image{position:relative;overflow:hidden}div.popup-image .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:transform .5s ease;font-weight:600}div.popup-image img{transition:transform .5s ease;cursor:pointer;height:auto;max-height:150%}div.popup-image:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}div.popup-image:hover .overlay{opacity:1;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}div.popup-image.active{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);width:100%;height:100%;z-index:999;text-align:center;padding:5%;overflow-x:hidden;overflow-y:auto}div.popup-image.active .overlay{opacity:0}div.popup-image.active img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:90%;width:auto;margin:auto;animation:scaleImage .5s ease-in-out}@media (min-width:1200px){div.popup-image.active img{max-width:80%}}@media (min-width:1440px){div.popup-image.active img{max-width:1400px}}div.popup-image.active:hover img{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}@keyframes scaleImage{0%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}