.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: sharpen 0.5s both;transform: scale(1);}
@keyframes sharpen{from{filter: blur(20px);} to {filter: blur(0px);}}