@include b(image) {
  @include define(background, #fafafa);
  @include define(text-color, var(--za-color-text));
  @include define(font-size, 12px);
  @include define(radius, var(--za-radius-lg));
  @include define(width, 100%);
  @include define(height, 100%);

  position: relative;
  display: inline-block;
  width: var(--width);
  height: var(--height);
  overflow: hidden;

  @include m(radius) {
    border-radius: var(--radius);
  }

  @include m(circle) {
    border-radius: 50%;
  }

  @include e(img) {
    display: block;
    width: 100%;
    height: 100%;
  }

  @include e(loading, fallback) {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    background: var(--background);
    color: var(--text-color);
    font-size: var(--font-size);
  }
}