.cmp-image picture {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cmp-image picture img {
  width: 100%;
  height: auto;
  border-radius: var(--card-radio);
}
.cmp-image picture .small {
  max-width: 25rem;
}
.cmp-image picture .medium {
  max-width: 45rem;
}
.cmp-image picture .medium {
  max-width: 64rem;
}
.cmp-image picture .responsive {
  max-width: 880px;
}
.cmp-image--small .cmp-image picture .responsive {
  max-width: 15rem;
}
.cmp-image--medium .cmp-image picture .responsive {
  max-width: 35rem;
}
.cmp-image--large .cmp-image picture .responsive img {
  max-width: 100%;
}
.cmp-image--left picture {
  align-items: flex-start;
}
.cmp-image--center picture {
  align-items: center;
}
.cmp-image--right picture {
  align-items: flex-end;
}