.textmedia-masonry__image {
  overflow: hidden;
  border-radius: var(--b-radius);

  &:first-child {
    grid-column: span 10;
    aspect-ratio: 16 / 9;

    & iframe {
      height: 100%;
    }
  }
  &:nth-child(2) {
    grid-column: 8 / 13;
    margin-top: -4rem;
    z-index: 10;
  }
}

.textmedia-masonry__text {
  grid-column: 2 / 12;
  align-self: start;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 640px) {
  .textmedia-masonry__image {
    &:nth-child(2) {
      margin-top: -6rem;
    }
  }
}

@media (min-width: 800px) {
  .textmedia-masonry__text {
    grid-column: 2 / 9;
  }
}

@media (min-width: 1024px) {
  .textmedia-masonry__text {
    grid-column: 2 / 8;
    margin-top: 2rem;
  }

  .textmedia-masonry__image {
    &:nth-child(2) {
      grid-column: 9 / 13;
      margin-top: -8rem;
    }
  }
}

@media (min-width: 1280px) {
  .textmedia-masonry__text {
    grid-column: 2 / 7;
  }
}