.collage__grid{display:flex;flex-flow:row wrap;gap:20px}.collage__contents{position:relative;border-radius:var(--border-radius-default);overflow:hidden;max-height:250px;height:250px;flex:0 0 100%}@media screen and (min-width: 768px){.collage__contents{flex:1;max-height:380px;height:380px;min-width:calc(33% - 10px)}.collage__contents:nth-child(1),.collage__contents:nth-child(2){flex:0 0 calc(50% - 10px)}.collage__contents:nth-child(3){flex:0 0 100%}}@media screen and (min-width: 768px){.collage--type-2 .collage__contents{flex:calc(40% - 10px)}.collage--type-2 .collage__contents:nth-child(4n+1),.collage--type-2 .collage__contents:nth-child(4n+4){flex:0 0 calc(60% - 10px)}.collage--type-2 .collage__contents:last-child:nth-child(odd){flex:0 0 100%}}.collage__image-wrap{overflow:hidden;height:100%;width:100%;margin-bottom:0;z-index:2}.collage__image-wrap::before{content:"";background:rgba(0,0,0,.25);position:absolute;width:100%;height:100%;opacity:0;will-change:opacity;transition-property:opacity;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.collage__image-wrap:hover img{transform:scale(var(--scale-size))}.collage__url{position:relative;display:block;width:100%;height:100%}.collage__image{width:100%;height:100%;object-fit:cover;object-position:center center;z-index:1;border-radius:var(--border-radius-default);transition-property:transform;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.collage__contents--image-position-top-left .collage__image{object-position:top left}.collage__contents--image-position-top-center .collage__image{object-position:top center}.collage__contents--image-position-top-right .collage__image{object-position:top right}.collage__contents--image-position-bottom-left .collage__image{object-position:bottom left}.collage__contents--image-position-bottom-center .collage__image{object-position:bottom center}.collage__contents--image-position-bottom-right .collage__image{object-position:bottom right}.collage__float{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;flex-direction:column;padding:20px 20px 20px 20px;border-radius:var(--border-radius-default);background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.6) 79%)}.collage__title{font-family:var(--font-family-display);margin-bottom:5px}.collage__title,.collage__description{color:var(--color-white)}