.responsive-image {
  position: relative;

  width: 100%;
}

.responsive-image__image {
  display: block;
  width: 100%;
  height: auto;

  object-fit: contain;
}
.responsive-image__image--cover {
  object-fit: cover;
}
.responsive-image__placeholder {
  display: block;

  background-color: var(--color-grey-1);
}
@media (max-width: 991px) {
  .responsive-image__image,
  .responsive-image__placeholder {
    aspect-ratio: var(--responsive-image__aspect-ratio-mobile, auto);
  }
}
@media (min-width: 991px) {
  .responsive-image__image,
  .responsive-image__placeholder {
    aspect-ratio: var(--responsive-image__aspect-ratio-desktop, auto);
  }
}