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