.demo-result-card__media {
  align-self: stretch;
  flex: 0 0 7.25rem;
  min-height: 0;
}

.demo-result-card__image-button,
.demo-result-card__image-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 5.75rem;
  overflow: hidden;
  border: 0;
  border-radius: 0.75rem;
  background: #e1e3e4;
}

.demo-result-card__image-button {
  cursor: zoom-in;
}

.demo-result-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.demo-result-card--hero .demo-result-card__media {
  flex-basis: 5.75rem;
}

.demo-result-card--hero .demo-result-card__image-button,
.demo-result-card--hero .demo-result-card__image-frame {
  min-height: 4.75rem;
}

.demo-result-card__body {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 auto;
  align-self: stretch;
}

@media (max-width: 640px) {
  .demo-result-card__body {
    display: contents;
  }

  .demo-result-card__media {
    width: 100%;
    flex-basis: auto;
  }

  .demo-result-card__image-button,
  .demo-result-card__image-frame,
  .demo-result-card--hero .demo-result-card__image-button,
  .demo-result-card--hero .demo-result-card__image-frame {
    aspect-ratio: 16 / 9;
    min-height: 0;
    border-radius: 0.85rem;
  }
}