.image-with-placeholder{width:100%;height:100%;display:inline-block;position:relative;overflow:hidden}.image-with-placeholder-photo:before{content:"";background:linear-gradient(135deg,#1f2933,#111827) 0 0/200% 200%;animation:1.2s ease-in-out infinite imageSkeletonPulse;position:absolute;inset:0}.image-with-placeholder-loaded:before{opacity:0;animation:none}.image-with-placeholder img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s ease-out;display:block}.image-with-placeholder-loaded img{opacity:1}@keyframes imageSkeletonPulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}