/*
 * progressively 1.1.2
 * https://github.com/thinker3197/progressively
 * @license MIT licensed
 *
 * Copyright (C) 2016-17 Ashish
 */

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

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

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

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

@-webkit-keyframes sharpen {
  from {
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

@keyframes sharpen {
  from {
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}