.column-with-text {
  .image-with-text__media {
    align-content: center;
    .columns-block {
      display: flex;
      align-items: center;
      column-gap: 1rem;
      @media (min-width: 750px) {
        column-gap: 2rem;
      }
      line-height: 1;
      padding: 2rem;
      background-color: #ffffff;
      margin-bottom: 1.5rem;
      border-radius: 21px;
      @media (min-width: 990px) {
        max-width: 500px;
        margin-inline-start: auto;
      }
      .icon-wrapper {
        display: flex;
        align-items: center;
        height: 100%;
      }
      .column-text-wrapper {
        .column-text {
          margin: unset;
        }
      }
    }
  }
  .image-with-text__text-item {
    .image-with-text__heading {
      text-wrap: pretty;
    }
  }
}