.cards {
  display: flex;
  flex-wrap: wrap;
  margin: 0 4%;
}

.cards > div {
  flex: 50%;
}

.cards > div .col-lg-6 > img {
  width: 100%;
}

.cards > div section.py-5 {
  padding-top: 5px !important;
  max-width: 700px;
}

.cards > div .col-lg-6.d-flex.align-items-center {
  align-items: baseline !important;
}

.cards > div .col-lg-6.justify-content-center.align-items-start {
  padding-top: 5px !important;
  padding-left: 0px !important;
  align-items: baseline !important;
  justify-content: start !important;
}

@media(max-width:995px) {
  .cards {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .cards > div .col-lg-6.align-items-center {
    padding: 0;
  }
}