article.card__service {
  display: grid;
  grid-template-rows: repeat(2, max-content);
  border: 0.1rem solid var(--lightBlue);
  border-radius: 0.8rem;
  overflow: hidden;
  @media (width >= 1280px) {
    max-height: 24rem;
    grid-template-columns: 50% 50%;
    grid-template-areas: "info cover";
  }
  picture {
    width: 100%;
    height: 24rem;
    overflow: hidden;
    img {
      width: 100%;
      height: 24rem;
      display: block;
      object-fit: cover;
      object-position: center;
    }
    @media (width >= 1280px) {
      grid-area: cover;
      img {
        height: 24rem;
      }
    }
  }
  section {
    padding: 2.4rem;
    border-radius: 0 0 0.8rem 0.8rem;
    div {
      margin-bottom: 3.2rem;
      h2 {
        color: var(--darkGray);
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
      }
      p {
        font-size: 1.4rem;
      }
    }
    a {
      display: inline-block;
      font-size: 1.4rem;
      font-family: var(--fontContent-Bold);
      color: var(--brand);
      text-decoration: underline;
      text-underline-offset: 4px;
      text-decoration-thickness: 1px;
      line-height: 100%;
    }
    @media (width >= 1280px) {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      grid-area: info;
      height: 24rem;
      padding: 3rem;
      div {
        margin-bottom: 0rem;
        h2 {
          font-size: 1.8rem;
          margin-bottom: 0.8rem;
        }
        p {
          font-size: 1.4rem;
        }
      }
    }
  }
}