.res-split-rows {
  .container {
    gap: var(--spacing_medium);
    .split-row {
      display: flex;
      gap: var(--spacing_medium);
      .res-column-1 {
        flex: 1;
        height: fit-content;
        margin: auto 0;
        max-width: 1000px;

        p, h2,h3,h4,h5,h6 {
          margin-bottom: 16px;
        }

        a {
          color: var(--res3);
          text-decoration: underline;
        }
      }

      .res-column-2 {
        flex: 1;
        img {
          width: 100%;
          border-radius: var(--border_radius);
          height: 100%;
          object-fit: cover;
        }
      }

      &:nth-child(even) {
        flex-direction: row-reverse;
        justify-content: flex-end;
      }

      @media screen and (max-width: 767px) {
        flex-direction: column !important;
        gap: 16px;

        img {
          max-height: 400px;
        }
      }
    }
  }
}