.contact-card {
  align-items: start;
  display: grid;
  gap: 1.5rem 2rem;
  grid-template-columns: 50px repeat(2, 1fr);
  padding: 2rem 0;
}

.contact-card img {
  grid-row: span 2;
}

.contact-card>h3 {
  grid-column: span 2;
  margin: 0;
}

.contact-details {
  grid-column: 2;
}

.contact-social {
  grid-column: 3;
}

.contact-social h3,
.contact-social ul {
  margin: 0;
}