.TextWithMediaItem {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: var(--spaces);
}
.TextWithMediaItem h2,
  .TextWithMediaItem h3,
  .TextWithMediaItem h4 {
    margin-top: 0;
    line-height: 130%;
  }
.TextWithMediaItem img {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 100%;
  }
.TextWithMediaItem .Text {
    margin-top: 0;
  }
@media screen and (min-width: 1024px) {
  .TextWithMediaItem {
    grid-template-columns: 1fr 2fr;
}
  }