.media-x2 {
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  .media-x2 {
    padding: 0 1.5rem;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    column-gap: 1rem;
    align-items: center;
  }
}
.media-x2__block {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .media-x2__block:first-child {
    grid-column: 1/span 8;
  }
  .media-x2__block:last-child {
    grid-column: 10/span 6;
  }
}