.image-grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:1em}.image-grid__title{grid-column:1/-1;text-align:center;margin-bottom:.5em}.image-grid__item{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:1em;cursor:pointer}.image-grid__item img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;aspect-ratio:1/1;transition:all .3s ease-in-out}.image-grid__item img:hover{filter:brightness(0.65)}.image-grid__item h3{position:absolute;color:#fff;top:50%;left:0;text-align:center;right:0;width:100%;padding:1em;transform:translateY(-50%)}@media screen and (max-width: 991px){.image-grid{grid-template-columns:1fr 1fr;padding:2em 1em}.image-grid__item img{filter:brightness(0.65)}}@media screen and (max-width: 767px){.image-grid__item h3{font-size:1.2em}}