.block-media-with-text {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "media" "content";
  gap: var(--gutter);
  margin-bottom: var(--margin-bottom);
}
.block-media-with-text .block-group-content {
  grid-area: content;
}
.block-media-with-text .block-media {
  grid-area: media;
}
.block-media-with-text .block-media * {
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .block-media-with-text {
    gap: 2.5rem;
    grid-template-columns: var(--grid-columns);
    grid-template-areas: var(--grid-areas);
    align-items: var(--align-content);
  }
}
@media (min-width: 1280px) {
  .block-media-with-text.narrow {
    max-width: 50rem;
    margin-inline: auto;
  }
}