.imagegrid{--imagegrid-gap: 4rem;--imagegrid-columns: 3;columns:var(--imagegrid-columns);column-gap:var(--imagegrid-gap)}.imagegrid>div{position:relative;margin-bottom:var(--imagegrid-gap);border-radius:var(--size-s);min-height:200px;overflow:hidden}.imagegrid h4{position:absolute;z-index:5;left:var(--size);right:var(--size);bottom:var(--size-l);text-align:center;transition:all .5s cubic-bezier(.075,.82,.165,1);transition-delay:.15s}.imagegrid div:not(:hover) h4{opacity:0;transform:translateY(1rem);transition-delay:0}.imagegrid img{display:block;width:100%;transition:all .5s cubic-bezier(.075,.82,.165,1);transition-delay:.15s}.imagegrid div.has-hover:hover img{transform:scale(1.1);opacity:.3;transition-delay:0}@media(max-width:768px){.imagegrid{--imagegrid-columns: 2}}@media(max-width:480px){.imagegrid{--imagegrid-columns: 1}}