.masonry .grid-item{margin:5px;overflow:hidden;transition:all .5s ease;width:calc(33% - 10px)}.masonry .grid-item img{border-radius:6px;height:auto;max-width:100%}.masonry dialog[open]{align-items:flex-start;backdrop-filter:blur(4px);background:transparent;background:rgba(0,0,0,.8);border:none;border-radius:8px;display:flex;height:100vh;justify-content:center;outline:none;padding:0;width:100vw}.masonry dialog[open]::backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.8)}.masonry dialog[open] img{height:100%;max-height:100%;width:auto}.masonry .grid-item div{align-items:center;background:rgba(0,0,0,.5);border-radius:6px;color:#fff;display:flex;font-size:18px;font-weight:500;gap:12px;height:100%;justify-content:center;opacity:0;position:absolute;transition:opacity .5s ease;width:100%;z-index:1}@media (min-width:992px){.masonry .grid-item{cursor:pointer}.masonry .grid-item.zoomed img{height:100%;object-fit:cover;object-position:center;width:auto}.masonry .grid-item.zoomed div{opacity:0!important}.masonry .grid-item:hover div{opacity:1}}@media (max-width:992px){.masonry .grid-item{width:calc(50% - 10px)}}@media (max-width:560px){.masonry .grid-item{margin:.5rem 0;width:100%}}