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