.image-collection-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;width:100%;display:grid}.image-wrapper{border-radius:8px;transition:transform .2s;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.image-wrapper:hover{cursor:pointer;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.image-wrapper.is-thumbnail{aspect-ratio:1;border:1px solid #eee}
.image-display-container{opacity:1;background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 50ms ease-in-out;display:flex;overflow:hidden}.image-display-container.fade-out{opacity:0}.image-display-container.fade-in{opacity:1}.image-display-img{object-fit:contain;max-width:100%;max-height:100%}.image-display-placeholder{color:#888;font-size:1.2rem}