.masonry-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;translate:21px 0;.wil-content{margin-top:100px}}.image-item,.video-item{cursor:pointer;overflow:hidden;border-radius:8px;box-shadow:none!important;transition:transform .3s ease,box-shadow .3s ease}.image-item>img,.video-item video,.video-thumbnail img{width:100%;height:auto;display:block;border-radius:12px}.image-item:has(.compare):hover{transform:none}.image-item:has(.compare)::before{display:none}.video-item{margin-bottom:20px;img,video{object-fit:cover;border-radius:0}}.image-item::before,.video-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;z-index:10;background:linear-gradient(90deg,var(--mix-code),#ffffff,var(--mix-code));transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.image-item:hover::before,.video-item:hover::before{transform:scaleX(1)}.flex-container{display:flex;max-width:1200px;margin:auto;flex-wrap:wrap;justify-content:center;gap:2rem;.image-item,.video-item{width:367px}}.grid-container{display:grid;max-width:1200px;margin:auto;gap:20px;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(min(250px,45%),1fr))}