.image-gallery__image,.image-gallery__sizer{width:100%}.image-gallery__gutter-sizer{width:0}.image-gallery__image{margin-bottom:8px;position:relative}.image-gallery__image img{display:block;height:auto;transition:filter .5s;width:100%}.image-gallery__image--has-content:hover img{filter:grayscale(100%)}.image-gallery__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}.image-gallery__image--has-content:hover .image-gallery__content{opacity:1}.image-gallery__content:after{border-style:solid;border-width:2px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;transition:top .3s,right .3s,bottom .3s,left .3s;z-index:0}.image-gallery__image:hover .image-gallery__content:after{bottom:1rem;left:1rem;right:1rem;top:1rem}.image-gallery__content *{color:#fff;position:relative;z-index:2}.image-gallery__image>a{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}@media (min-width:768px){.image-gallery__image,.image-gallery__sizer{width:49%}.image-gallery__gutter-sizer{width:2%}}@media (min-width:992px){.image-gallery__image,.image-gallery__sizer{width:33%}.image-gallery__gutter-sizer{width:.5%}}