.article {
  width: 100%;
  overflow: hidden;
  background: var(--cards-background-color, #fff);
  border-radius: var(--cards-border-radius);
  border: var(--cards-border);
  position: relative;
  height: auto;
  display: grid;
  grid-template-rows: 24rem 1fr;
  padding: 1.6rem;
}

.cardContent {
  @include flex-direction(column);
  @include flex-align(flex-start, space-between);
  position: relative;
  > a {
    margin-bottom: 3.2rem;
    margin-top: 1.6rem;
    span {
      font-style: normal;
      font-weight: 700;
      font-size: 2.4rem;
      text-transform: capitalize;
      color: #1c1a28;
      display: flex;
    }
  }
}

.image {
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2rem;
  }
}

