.s-massonary-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4px;grid-auto-flow:column;max-width:100%}.s-massonary-item{position:relative;overflow:hidden}.s-massonary-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.s-massonary-grid :first-child{grid-column:1/span 2;grid-row:span 2}.s-massonary-grid :nth-child(5n),.s-massonary-grid :nth-child(5n-1){grid-column-start:3}.s-massonary-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;font-size:18px;font-weight:700;text-transform:uppercase}.s-massonary-item.s-align-start{text-align:left}.s-massonary-item.s-align-center{text-align:center}.s-massonary-item.s-align-end{text-align:right}.s-massonary-item.hbottom .overlay-text,.s-massonary-item.hcenter .overlay-text{margin:0 auto;top:50%;bottom:auto;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.s-massonary-item.htop .overlay-text{margin:0 auto;top:5%;bottom:auto;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.s-massonary-item.hbleft .overlay-text{margin:0 auto;bottom:20px;top:auto;left:44px}.s-massonary-item.hbright .overlay-text{margin:0 auto;bottom:20px;top:auto;right:44px;left:auto}.s-massonary-item.htleft .overlay{margin:0 auto;top:20px;bottom:auto;left:44px}.s-massonary-item.htright .overlay{margin:0 auto;top:20px;bottom:auto;right:44px;left:auto}.s-massonary-item:hover .overlay{opacity:1}.overlay-text{position:absolute;color:inherit;font-family:var(--font-body);font-size:12px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.36px;text-transform:capitalize}@media(max-width: 1024px){.s-massonary-grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-flow:row}}@media(max-width: 768px){.s-massonary-grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-flow:row}.s-massonary-grid :nth-child(5n),.s-massonary-grid :nth-child(5n-1),.s-massonary-grid :nth-child(5n-2){grid-column:auto;grid-row:auto}}