/* Mobile: show only the active card section */
@media (max-width: 1199px) {
  .card-inner {
    opacity: 0;
    visibility: hidden;
    height: 0;
    margin: 0;
    overflow: hidden;
  }

  /* the currently selected section */
  .card-inner.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin: 15px 0;
    overflow: visible;
  }
}