.sq-image {
  width: 100%;
  min-width: 42px;
  min-height: 42px;
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;

  img {
    width: 100%;
  }
  &--medium {
    img {
      width: 100%;
      max-width: 980px;
    }
  }
  &--auto-full {
    height: 100%;
  }
  &--inline-auto {
    width: auto;
  }
  &__no-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    margin: auto;
  }
}