.image {
  --desktop-width: 100%;
  --mobile-width: 100%;

  max-width: var(--mobile-width, 100%);

  @media (min-width: 576px) {
    & {
      max-width: var(--desktop-width, 100%);
    }
  }
}


.image--thumbnail {
  max-width: 136px;
  min-width: 100px;
}

.image--icon .image {
  max-width: 72px;
  min-width: 40px;
}

.image--center {
  display: flex;
  justify-content: center;
  margin: auto;
}

.image--right {
  display: flex;
  justify-content: right;
  margin: auto;
}

.image--svg svg {
  max-width: 100%;
}

.image--svg svg #hover {
  transition: all .2s;
}
.image--svg svg:hover #hover {
  opacity: 1;
}

.image .field--type-entity-reference,
.image .field__item {
  margin: 0 !important;
}