.lazyload {
    opacity: 0;
}

.lazyloading {
    opacity: 1;
    transition: opacity 300ms;
    background: #f7f7f7 url(/i/loader.gif) no-repeat center;
    background-size: 40px;
}

.blur-up.lazyload,
.blur-up.lazyloading {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

.blur-up {
    opacity: 0.5;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    transition: -webkit-filter 400ms, opacity 400ms;
    transition: filter 400ms, opacity 400ms;
    transition: filter 400ms, -webkit-filter 400ms, opacity 400ms;
}

.blur-up.lazyloaded {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
}

.lazyloading + .blur-up-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent url('/i/loader.gif') 50% 50% no-repeat;
    opacity: 0.4;
    max-height: 560px;
    z-index: 5;
    background-size: 40px;
}