.image-preview{margin:0 0 24px;max-width:280px}
.image-preview img{display:block;width:100%;max-width:280px;height:auto;max-height:220px;object-fit:contain;border:1px solid #dce3ef;border-radius:8px;background:#f8faff}
.image-preview figcaption{margin-top:6px}
.list-thumbnail{display:block;max-width:140px;width:auto;max-height:100px;height:auto;object-fit:contain;border:1px solid #dce3ef;border-radius:8px;background:#f8faff;flex:0 0 auto}
@media(max-width:620px){.image-preview{max-width:100%}.image-preview img{max-width:100%;max-height:180px}}