.imgbox{background-color:#f0f0f0;line-height:0;max-width:100%;overflow:hidden;position:relative;transition:max-width .25s ease-in-out,border-radius .25s ease-in-out;width:100%}.imgbox .photo-img{display:block;max-height:100%;max-width:100%;opacity:0;text-align:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.imgbox .photo-img.img-loaded{opacity:1}.imgbox .photo-img.fixed-ratio-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.imgbox .photo-img.contain-img{height:100%;left:50%;-o-object-fit:contain!important;object-fit:contain!important;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.imgbox-caption{background:linear-gradient(180deg,#263238b0,#26323880,#455a6400);font-weight:500;left:0;line-height:1.5;padding:8px 12px 12px;right:0;text-align:right;top:0}.imgbox-caption,.imgbox-label{color:#fff;font-size:.8rem;position:absolute}.imgbox-label{background-color:#00000080;border-radius:3px;bottom:.5rem;left:.5rem;line-height:1.4;overflow:hidden;padding:4px 8px;right:.5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:10}