@import '@/assets/bundle.scss';

.img-lazy-load {
  position: relative;
  width: 100%;
  height: 100%;
  .img-thumb, .img-origin {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(1vw);
    object-fit: fill;
  }
  .img-origin {
    animation: fadeIn .2s;
    animation-fill-mode: both;
  }
}

@keyframes fadeIn {
  from {
    filter: blur(1vw);
    // transform: scale(1.05);
  }
  to {
    filter: blur(0);
    // transform: scale(1);
  }
}