.my-img{line-height:0;position:relative;transition:.3s}.my-img:has(.img[lazy=loaded],img[lazy=loaded]) .placeholder{opacity:0;transition-delay:.4s;transition-duration:.4s;transition-timing-function:linear}.my-img.loaded .placeholder{opacity:0;transition-delay:.4s;transition-duration:.4s;transition-timing-function:linear}.my-img img{height:100%;position:relative;width:100%;z-index:2}.my-img .img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%}.my-img .placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.my-img .pos-center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.my-img .lazy-img-fadein[lazy=loading]{opacity:0}.my-img .lazy-img-fadein:not([lazy=loading]){opacity:1;transition:opacity .4s ease-in}.my-img.dynamic{position:relative}.my-img.dynamic img{height:auto;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.my-img.dynamic .img{background-size:contain}.my-img.grey .img,.my-img.grey img{filter:grayscale(1)}.my-img.animation{transition:transform .4s ease-out}.my-img.animation:hover{cursor:pointer;transform:scale(1.03)}
