.image-grid{display:flex;align-items:center;justify-content:space-evenly;margin:0 auto;width:100%;height:auto;flex-wrap:wrap}.image-wrapper{width:200px;height:200px;position:relative;margin:var(--spacing-medium)}.image-overlay{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.3s;background-color:rgba(0,0,0,.5);z-index:3}.image-overlay:hover{opacity:1}.overlay-content{position:absolute;bottom:0;padding:var(--spacing-small)}@media screen and (max-width:37.5em){.image-wrapper{margin:var(--spacing-small)}.image-overlay,.image-wrapper{width:150px;height:150px}}