figure {
  &.#{$ns}img-w {
    img {
      width: 100%;
      max-width: 100%;
      height: auto;
    }
  }
  &.#{$ns}img-h {
    img {
      height: 100%;
      max-height: 100%;
      width: auto;
    }
  }
  &.#{$ns}img-c {
    border-radius: 50%;
    overflow: hidden;
    img {
      height:auto;
      width:100%;
    }
  }
}

.lazyload, .inter-lazy, .lazyloading {
  @include prefix((transform:translateY(-20px)));
  opacity: 0;
}

.lazyloaded {
  transition: all 150ms;
  @include prefix((transform:translateY(0)));
  opacity: 1;
}
