.three-cards {
  margin-top: 6%;

  @media screen and (min-width: 768px) {
    margin-top: 16%;
  }

  @media screen and (min-width: 992px) {
    margin-top: 6%;
  }
}

.three-cards .card {
  @media screen and (max-width: 768px) {
    transform: none !important;
    top: 0 !important;
  }
}