.backgroundImageCtaWithContent {
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
  overflow: hidden;
  min-height: 658px;
  display: flex;
}

  .backgroundImageCtaWithContent img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
  }

  .backgroundImageCtaWithContent .content {
    background-color: #25282980;
    color: #FFF;
    height: auto;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 100px 4%;
  }

    .backgroundImageCtaWithContent .content .innerContent {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      max-width: 1050px;
    }

    .backgroundImageCtaWithContent .content h2 {
      font-size: 2.2rem;
      font-weight: 400;
      line-height: 2.88889rem;
      letter-spacing: 0.11667rem;
      text-transform: capitalize;
    }

  .backgroundImageCtaWithContent .rteCopy {
    font-size: 1.22222rem;
    font-weight: 400;
    letter-spacing: 0.06111rem;
  }

  .backgroundImageCtaWithContent .buttonsWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

@media (min-width: 1200px) {
  .backgroundImageCtaWithContent .content h2 {
    font-size: 3.33333rem;
    font-weight: 400;
    line-height: 3.88889rem;
    letter-spacing: 0.16667rem;
    text-transform: capitalize;
  }
}