.image-grid-5__wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;gap:var(--image-grid-gap, 20px);height:var(--image-grid-height, 480px)}.image-grid-5__item{position:relative;overflow:hidden;border-radius:0}.image-grid-5__item:nth-child(1){grid-column:1;grid-row:1 / 3}.image-grid-5__item:nth-child(2){grid-column:2;grid-row:1;background-color:#eee}.image-grid-5__item:nth-child(3){grid-column:2;grid-row:2;background-color:#eee}.image-grid-5__item:nth-child(2) .image-grid-5__image,.image-grid-5__item:nth-child(3) .image-grid-5__image{width:60%;height:60%;object-fit:var(--image-grid-fit, cover);margin:16px auto 0;display:block}.image-grid-5__item:nth-child(2) .image-grid-5__link,.image-grid-5__item:nth-child(3) .image-grid-5__link{display:flex;align-items:center;justify-content:center}.image-grid-5__item:nth-child(4){grid-column:3;grid-row:1 / 3}.image-grid-5__item:nth-child(5){grid-column:4;grid-row:1 / 3}.image-grid-5__link{display:block;width:100%;height:100%;position:relative;text-decoration:none}.image-grid-5__image{width:100%;height:100%;object-fit:var(--image-grid-fit, cover);transition:transform .3s ease}.image-grid-5__link:hover .image-grid-5__image{transform:scale(1.05)}.image-grid-5__text{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:16px;font-weight:600;z-index:1;padding:0 15px}.image-grid-5__placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.image-grid-5__placeholder .placeholder-svg{width:60%;height:60%}@media screen and (max-width:989px){.image-grid-5__wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto}.image-grid-5__item:nth-child(1),.image-grid-5__item:nth-child(4),.image-grid-5__item:nth-child(5){grid-column:auto;grid-row:auto;aspect-ratio:3 / 2;min-height:auto}.image-grid-5__item:nth-child(2),.image-grid-5__item:nth-child(3){grid-column:auto;grid-row:auto}.image-grid-5__item{min-height:200px}}@media screen and (max-width:749px){.image-grid-5__wrapper{grid-template-columns:1fr}.image-grid-5__item{min-height:180px}.image-grid-5__item:nth-child(1),.image-grid-5__item:nth-child(4),.image-grid-5__item:nth-child(5){aspect-ratio:3 / 2;min-height:auto}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-image-grid-5.css.map */