.contact-details-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.contact-detail-card {
  border: solid 1px var(--light-color);
  transition: 0.4s;
}

.contact-detail-card:hover {
  box-shadow: 12px 12px 0px #00000020;
}

@media screen and (max-width: 990px) {
  .contact-details-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}