.image-box-grid{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;position:relative;z-index:10}.image-box{color:var(--color--text);text-align:center}.image-box__content-wrapper{margin:0 auto;overflow:hidden;position:relative}.image-box__content-wrapper,.image-box__image-wrapper{height:100%}.image-box__content{align-items:center;background:rgba(0,0,0,.5);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;transition:all .3s ease}.image-box-grid.caption-on-hover .image-box__content{opacity:0}.image-box__content-inner{max-width:22rem}.image-box .image-box__heading{color:#fff;margin:33% 0 .5rem}.image-box__image-wrapper img{display:block;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.image-box-grid:hover .image-box__content{background:rgba(0,0,0,.75);text-shadow:0 1px 3px rgba(0,0,0,.95)}.image-box:hover .image-box__content{background:rgba(0,0,0,.4)}.image-box-grid.caption-on-hover .image-box:hover .image-box__content{opacity:1}.image-box:hover img{transform:scale(1.05)}@media (max-width:767px){.image-box-grid.caption-on-hover .image-box__content{background:var(--color--text);min-height:4rem;opacity:1;padding:.5rem 1rem;position:relative}.image-box-grid.caption-on-hover .image-box__content .image-box__heading{font-size:1.125rem;margin:0}}