.image-grid{margin:0 auto;max-width:980px!important;width:100%}.image-grid__wrapper{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width:991px){.image-grid__wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.image-grid__wrapper{grid-template-columns:1fr}}.image-grid__item.is-hidden{display:none}.image-grid__media{aspect-ratio:1/1;background:#f3f3f3;border-radius:5px;overflow:hidden;position:relative;width:100%}.image-grid__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.image-grid--fit-contain .image-grid__image{-o-object-fit:contain;object-fit:contain}.image-grid__media:hover .image-grid__image{transform:scale(1.03)}.image-grid__caption{background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.3) 45%,transparent);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:20px;pointer-events:none;position:absolute}.image-grid__caption-title{color:#fff;font-size:20px;font-weight:600;line-height:1.2;margin-bottom:4px}.image-grid__caption-sub{color:hsla(0,0%,100%,.9);font-size:14px;line-height:1.4}.image-grid.has-caption-hover .image-grid__caption{opacity:0;transition:opacity .3s ease;visibility:hidden}@media (hover:hover) and (pointer:fine){.image-grid.has-caption-hover .image-grid__media:hover .image-grid__caption{opacity:1;visibility:visible}}@media (hover:none){.image-grid.has-caption-hover .image-grid__caption{opacity:0;visibility:hidden}}.image-grid__footer{margin-top:28px;text-align:center}.image-grid__load-more{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0;transition:transform .3s ease;width:71px}.image-grid__load-more svg{display:block}.image-grid__load-more:hover{transform:translateY(3px)}