.cta {
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  display: grid;
}

.cta-image,
.cta picture {
  grid-column-start: 1;
  grid-column-end: 9;
}

.cta-title-wrapper {
  position: absolute;
  grid-column-start: 1;
  grid-column-end: 9;
  padding: 0 40px;
}

.cta-title {
  font-size: var(--heading-cta);
  margin: 60px 0 0 0;
}

.cta-link {
  font-size: var(--heading-cta);
  line-height: 1;
}

.section + .cta {
  margin-top: -1px;
}

.cta .image-description {
  grid-column-start: 1;
  grid-column-end: 9;
  padding-left: var(--grid-gutter);
  padding-right: var(--grid-gutter);
  margin-top: 10px;
  margin-bottom: 20px;
}


@media (min-width: 768px) {
  .cta-title {
    margin: 30px 0 0 0;
  }

  .cta-title-wrapper {
    grid-column-start: 3;
    grid-column-end: 8;
    padding: 0 20px;
  }
}