.progressive {
    overflow: hidden;
    position: relative;
    background: #efefef
}

.progressive__img {
    width: 100%;
    height: 100%;
    transform: translateZ(0)
}

.progressive--not-loaded {
    filter: blur(30px);
    transform: scale(1.1)
}

.progressive--is-loaded {
    filter: blur(20px);
    animation: a .5s both;
    transform: scale(1)
}

@keyframes a {
    0% {
        filter: blur(20px)
    }

    to {
        filter: blur(0)
    }
}